表单
什么是表单
页面中用来提供用户交互的主要方法
作用
一般当用户填写完信息后做提交操作,于是表单的内容就从客户端的浏览器传送到服务器上,经过服务器上处理程序处理后,再将用户所需信息传送回客户端的浏览器上,这样网页就具有了交互性。
from
<form></form>标志对用来创建一个表单。
注意
<form>元素可以在页面中任何位置使用,当其中没有任何控件时,本身并没有表现效果。
action
动作属性action,用来指定处理表单的程序的路径。
method
表单的method属性用来定义处理程序从表单中获得信息的方式,一般为get和post的其中一个。
表单控件
input
表单控件元素<input>,用来在页面中定义输入内容的部分。
划分
文本框、复选框、单选按钮等。
语法结构
<input属性="属性值"/>
name
表单名称属性name,用来指定表单的名称,标记某个表单,方便程序的处理。
具体控件类型
text
文本域中<input>元素的type属性值为text,其主要作用是,用来提供用户输入文本的功能。
注意
文本域只能单行显示,超出定义宽度的内容,将被隐藏。
password
密码区域中<input>元素的type属性值为password,用来提供输入密码、口令等内容的区域。
submit
提交按钮中<input>元素的type属性值为submit,用来发送表单中的内容。
注意
只有单击"提交"按钮,表单中的信息才能够发送给相应的程序。
reset
复位按钮中<input>元素的type属性值为reset,其主要作用是,当用户想重新填写内容时,可以使用复位按钮,使表单恢复到初始状态。
button
单击按钮中<input>元素的type属性值为button,用来激活相应的行为,或者为脚本和程序提供相应的值。
具体控件类型(二)
checkbox
复选框中<input>元素的type属性值为checkbox,用来提供用户多项选择的功能。
radio
单选按钮中<input>元素的type属性值为radio,用来提供用户单项选择的功能。
hidden
隐藏区域中<input>元素的type属性值为hidden,使表单的内容不出现在页面之中,但是依然可以传递参数。
image
图像按钮中<input>元素的type属性值为image,用来发送表单中的内容。其作用是个图像形式的提交按钮。
<input>元素的属性
readonly
用来指定<input>元素中的内容为只做。
作用
使用readonly属性后,用户将不能更改表单中的相应内容。但是表单中的内容仍然可以传递。
disabled
不可用属性disabled,用来指定<input>元素中的内容为不可用。
作用
使用disabled属性后,用户将不能更改表单中的相应内容。同时表单中的内容将不能被传递。
select
选择列表元素<select>,用来在页面中定义一个可以选择的下拉列表。
option
选择列表条目元素<option>,用来定义下拉列表中的项目。
浏览量: 0