HTML 18.4 表单输入属性
2016-11-05 15:31
295 查看
HTML 18.4 表单输入属性
1.value 属性规定输入字段的初始值。
<form action="">First name:<br /><input type="text" name="firstname" value="John" /><br />
Last name:<br /><input type="text" name="lastname" />
</form>
结果:
注:除了input type=”text/password/submit”、textarea可以缺省之外
单选框,复选框,option必须有value。select、button没有value。
2.size 属性,规定输入字段的尺寸(以字符计):
<input type="text" name="firstname" value="John" size="40" /><input type="text" name="firstname" value="Mike" size="60" />
结果:
3.maxlength 属性,规定输入字段允许的最大长度:
<input type="text" name="firstname" maxlength="10" />注1:如设置
maxlength 属性,则输入控件不会接受超过所允许数的字符。
注2:该属性不会提供任何反馈。如果需要提醒用户,则必须编写JavaScript代码。
注3:输入限制并非万无一失。JavaScript提供了很多方法来增加非法输入。如需安全地限制输入,则接受者(服务器)必须同时对限制进行检查。
4.readonly 属性,规定输入字段为只读(不能修改):
<input type="text" name="firstname" value ="John" readonly />或者写成:
<input type="text" name="firstname" value ="John" readonly=”readonly” />
5.disabled 属性,规定输入字段是禁用的。
<input type="text" name="firstname" value="John" disabled />或者写成:
<input type="text" name="firstname" value="John" disabled=”disabled” />
注:被禁用的元素是不可用和不可点击的,被禁用的元素不会被提交。
6.selected属性,在option中规定预选。
<option value="fiat" selected>Fiat</option>或者写成:
<option value="fiat" selected=”selected”>Fiat</option>
7.checked属性,在单选框,复选框中规定预选
<input type="radio" name="sex" value="male" checked />Male <br />或者写成:
<input type="radio" name="sex" value="male" checked=”checked” />Male <br />
8.HTML5 属性
HTML5 为 <input>增加了如下属性:autocomplete
autofocus
form
formaction
formenctype
formmethod
formnovalidate
formtarget
height 和 width
list
min 和 max
multiple
pattern (regexp)
placeholder
required
step
并为 <form> 增加如需属性:
autocomplete
novalidate
相关文章推荐
- HTML 表单元素、 输入类型、Input 属性
- 关于HTML中表单输入标记<input>的radio与checkbox属性的值传递
- HTML 18.3 表单元素input的输入属性type
- HTML表单学习4——输入属性
- HTML表单的enctype属性详解
- HTML表单的enctype属性详解{转}
- HTML 表单和输入
- html表单属性readonly和disabled的使用方法
- HTML中Form表单的method属性
- HTML自学之旅(八)--表单和输入
- jQuery.validate验证时用的是Form输入表单的name属性
- HTML中Form表单的method属性使用介绍
- [HTML]表单和输入
- [HTML]HTML 表单和输入
- HTML 表单和输入
- HTML中让表单中输入项不可修改方法总解
- HTML表单的enctype属性详解
- HTML基础之为什么要在表单控件中同时使用name和id属性?
- html 表单设计时对输入文本数据类型的限制
- html容易被忽略的一些表单属性的用法