html中input属性设置
html中input标签是常见的一个标签，下面由学习啦小编为大家整理了html中的input属性设置的相关知识，希望对大家有帮助!
html中input属性设置总结
学习啦在线学习网 1、value 属性
value 属性规定输入字段的初始值：
实例
学习啦在线学习网 <form action="">
First name:<br>
<input type="text" name="firstname" value="John">
学习啦在线学习网 <br>
学习啦在线学习网 Last name:<br>
学习啦在线学习网 <input type="text" name="lastname">
</form>
2、readonly 属性
readonly 属性规定输入字段为只读(不能修改)：
实例
<form action="">
学习啦在线学习网 First name:<br>
<input type="text" name="firstname" value="John" readonly>
学习啦在线学习网 <br>
Last name:<br>
学习啦在线学习网 <input type="text" name="lastname">
学习啦在线学习网 </form>
readonly 属性不需要值。它等同于 readonly="readonly"。
3、disabled 属性
disabled 属性规定输入字段是禁用的。
被禁用的元素是不可用和不可点击的。
被禁用的元素不会被提交。
实例
学习啦在线学习网 <form action="">
学习啦在线学习网 First name:<br>
<input type="text" name="firstname" value="John" disabled>
<br>
Last name:<br>
学习啦在线学习网 <input type="text" name="lastname">
</form>
disabled 属性不需要值。它等同于 disabled="disabled"。
学习啦在线学习网 4、size 属性
学习啦在线学习网 size 属性规定输入字段的尺寸(以字符计)：
实例
学习啦在线学习网 <form action="">
First name:<br>
<input type="text" name="firstname" value="John" size="40">
学习啦在线学习网 <br>
Last name:<br>
<input type="text" name="lastname">
学习啦在线学习网 </form>
学习啦在线学习网 5、maxlength 属性
学习啦在线学习网 maxlength 属性规定输入字段允许的最大长度：
实例
学习啦在线学习网 <form action="">
First name:<br>
<input type="text" name="firstname" maxlength="10">
学习啦在线学习网 <br>
Last name:<br>
<input type="text" name="lastname">
</form>
学习啦在线学习网 如设置 maxlength 属性，则输入控件不会接受超过所允许数的字符。
学习啦在线学习网 该属性不会提供任何反馈。如果需要提醒用户，则必须编写 JavaScript 代码。
注释：输入限制并非万无一失。JavaScript 提供了很多方法学习啦在线学习网来增加非法输入。如需安全地限制输入，则接受者(服务器)必须同时对限制进行检查。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