所在的位置: html >> html资源 >> HTML表单表单元素属性

HTML表单表单元素属性

中科白癜风医院康复经历分享 http://m.39.net/pf/a_5971033.html

看完“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文本域自动获得焦点。

上述是表单元素常见常用的属性,如有发现不全的请自行百度。




转载请注明:http://www.aierlanlan.com/rzgz/5289.html