2表单及表单元素
表单控件:包含了具体的表单功能项,如文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
提示信息:一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。
表单域:他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。
2.1 input 标签
标签为单标签,是常用的表单控件之一。type属性为其最基木的属性,其取值有多种,用于指定不同的控件类型。除了type属性之外,标签还可以定义很多具他的属性,具常用属性如下表所示:
属性 | 属性值 | 描述 |
---|---|---|
type | text:文本输入框; password:密码输入框; number:数字输入框; datetime:日期时间输入框; tel:电话号码输入框; email:电子邮箱地址输入框; radio:单选按钮; checkbox:复选框; search:搜索框; button:普通按钮; submit:提交按钮; reset:重置按钮; file:文件域; hidden:隐藏域。 |
|
name | text | 标签的名称。(表单域内唯一) |
value | text | 标签的默认值。 |
maxlength | number | 允许输入的最大字符数。 |
checked | checked | 选择标签默认被选中的项。 |
readonly | readonly | 输入字段是只读的。 |
required | required | 必须在提交表单之前输入字段。 |
2.2 label标签
label标签为input元素定义标注(标签)。
作用:用于绑定一个表单元素,当点击 label标签的时候,被绑定的表单元素就会获得输入焦点。
如何绑定元素呢?
for 属性规定label与哪个表单元素绑定。
<label for="male">Male</labe1>
<input type="radio" name="sex" id="male" value