三、表单标签
为什么需要表单:收集用户信息。
表单的组成:表单域、表单控件、提示信息
1.表单域:包含表单元素的区域<form>
作用:将表单元素送入后台
语法规范:
属性:
2.提示信息
3.表单控件
3.1<input>输入表单元素
语法规范:
注意:(1)<input/>为单标签
(2)type属性设置的不同用来指定不同的控件类型
type属性的属性值及其描述如下:
input标签的其他属性:
注意:(1)name和value是每个表单元素都有的属性值,给后台人员使用。
(2)name表单元素的名字,要求单选按钮和复选框有相同的name值。
(3)checked主要针对单选按钮和复选框,当页面打开是默认选中这个选项
checked="checked"
<label>标签:为input元素定义标注
使用场景:用于绑定一个表单元素,增加用户体验。
语法格式:
注意:label标签的for属性应当与相关元素的id属性相同。
3.2select下拉表单元素
使用场景:在页面中,有多个选项供用户选择,并且想要节约空间时
语法格式:
注意:(1)select中至少包含一对option
(2)option中定义selected=“selected”,当前项为默认选项。
3.3textarea文本域
使用场景:定义多行文本输入
语法格式:
注意:(1)通过此标签可以创建多行文本输入框
(2)cols="每行的字符数",rows="显示的行数",实际开发中不会使用,用css改变大小。