看完“HTML表单__表单元素”那一节的同学会发现,同是input标签,type属性值不一样的时候,input类型完全不一样。type就是input的一个属性,除type之外,还有很多属性,接下来我们开始了解表单元素属性都有哪些?
01input标签属性:
1.1type是input特别重要的属性,type属性值决定input的类型。
text,定义文本输入框。password,定义密码框。radio,单选框checkbox,定义复选框。submit,定义提交按钮。reset,定义重置按钮,会清空表单填写的信息。button,定义按钮。file,定义上传文件框,可直接调问价夹,选择文件(图片,压缩包、文档表格等)1.2placeholderp属性值提供了input提示信息。
1.3maxlength规定输入最大长度。
1.3name属性,定义元素input的名,用于对提交到服务器后台表单数据标识。
1.4value属性为input设定值
1.5disabled禁用文本域,input会处于灰化。
1.6readonly文本域只读模式,不可编辑。
1.7autofocus文本域自动获得焦点。
示例:inputtype=textvalue=男maxlength=6name=sexplaceholder=文本输入框
单选框示例:inputtype=radioname=dxvalue=nan男
inputtype=radioname=dxvalue=nv女
注意:使用单选框时,name要保持一致,单选框才能正常使用,如果name不一样时就可以选中多个。
02label标签属性:
for属性,把label绑定到另外一个元素。使用时for属性值应当与相关元素id值相同。示例:labelfor=maleMale/labelinputtype=textid=male
03textarea标签属性:
cols规定文本域可见宽度。rows规定文本域可见行数。placeholderp属性值提供了input提示信息。maxlength规定输入最大长度name属性,定义元素input的名,用于对提交到服务器后台表单数据标识。value属性为input设定值disabled禁用文本域,input会处于灰化。文本域只读模式,不可编辑。autofocus文本域自动获得焦点。
上述是表单元素常见常用的属性,如有发现不全的请自行百度。