form标签
表单用来收集用户数据,并将其提交到对应的地址。
我们的所有表单元素都要写在一个form标签内部,form标签是一个功能性的标签,不是结构性。
form: 是表单的语义化标签,属性如下:
name: 定义表单的名称
action: 设置数据提交的地址
method: 设置数据提交的方式,如: GET提交,POST 提交
target: 页面打开方式,如_ self,_ blank,_ parent,_ _top, framename
表单中的控件:
textarea 文本域
select 下拉列表
input 输入框
button 按钮
textarea 与 label 标签
textarea:多行文本域,又可以叫做多行文本输入框,属性如下:
rows: 设置行高,属性值是数字
cols: 设置列宽,属性值是数字
label标签为表单控件(textarea, input) 定义标注
for: 规定label绑定到哪个表单控件(id) 。
select标签
select标签可以创建单选或多选菜单,属性:
multiple:设置多选
size:设置显示在页面.上的列表的项数属性值1-7
option标签用来定义下拉列表中的一个选项(一个条目),属性:
selected:设置默认被选中的列表项(布尔型属性)
optgroup:标签定义选项组。
labeltext:为选项组规定描述。
表单控件通用属性
name:规定文本区的名称。
value:定义送往服务器的选项值(表单 控件的值)。
autofocus:规定在页面加载后文本区域自动获得焦点(html5新增)
form:规定文本区域所属的- -个或多个表单(html5新增) 。
placeholder:规定描述文本区域预期值的简短提示(html5新增) 。
disabled:规定禁用该文本区。
readonly:规定文本区为只读。
maxlength | minlength: 规定 文本区域的最大|最小字符数(textarea 与input)。
required: 规定文本区域是必填的(textarea 与input) (html5新增) 。