HTML 18.4 表单输入属性

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