HTML的input属性

之前我收集发表了表单元素和元素input的type值;这里主要讲解一下input的属性value值有哪些;其实也是超多。

其书写格式为:value=“值”

 哈哈,一起来看看吧

readonly 属性规定输入字段为只读(不能修改):

<form action="">First name:<br>
<input type="text" name="firstname" value="John" readonly>
<br>Last name:<br>
<input type="text" name="lastname">
</form> 

disabled 属性规定输入字段是禁用的。

被禁用的元素是不可用和不可点击的。

被禁用的元素不会被提交。

<form action="">First name:<br>
<input type="text" name="firstname" value="John" disabled>
<br>Last name:<br>
<input type="text" name="lastname">
</form> 

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> 

maxlength 属性规定输入字段允许的最大长度:

<form action="">First name:<br>
<input type="text" name="firstname" maxlength="10">
<br>Last name:<br>
<input type="text" name="lastname">
</form> 

而在我们的HTML5中,又新增了很多的属性值:

autocomplete 属性规定表单或输入字段是否应该自动完成。当自动完成开启,浏览器会基于用户之前的输入值自动填写值。
autofocus     如果设置,则规定当页面加载时 input 元素应该自动获得焦点。
form       form 属性规定 input元素所属的一个或多个表单。
formaction     属性规定当提交表单时处理该输入控件的文件的 URL。
formenctype   规定当把表单数据(form-data)提交至服务器时如何对其进行编码(仅针对 method="post" 的表单)
formmethod 属性定义用以向 action URL 发送表单数据(form-data)的 HTTP 方法。
formnovalidate
formtarget  属性规定的名称或关键词指示提交表单后在何处显示接收到的响应。
height 和 width  这两个是高度和宽度
list  属性引用的 <datalist> 元素中包含了 <input> 元素的预定义选项。
min 和 max  最大值和最小值
multiple   规定允许用户在 <input> 元素中输入一个以上的值
pattern (regexp) 属性规定用于检查 <input> 元素值的正则表达式
placeholder  属性规定用以描述输入字段预期值的提示(样本值或有关格式的简短描述)。
required  规定在提交表单之前必须填写输入字段。
step  属性规定 <input> 元素的合法数字间隔。

尽管表单中的属性值看起来很多,但是我们只需要熟练运用比较常用的几个就ok了,其他的可以当做了解参考就行。