HTML的input属性

左手的ㄟ右手 2022-12-20 12:43 205阅读 0赞

## 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了，其他的可以当做了解参考就行。