htmlinput标签的属性有哪些？input标签的⽤法总结（附实例）
⾸先先来说说html input标签的属性：
3.pattern：该属性包含了⼀个JavaScript风格的正则表达式，输⼊的内容必须完全匹配该正则表达式，不然就算输⼊的内容⽆效。对正则表达式不了解？可以去看看JavaScript 正则表达式。
4.min max：这两个属性⽤于⽇期date时间time等输⼊，还有number和range。顾名思义，它们的作⽤是限制最⼤值，最⼩值。
5.step：和max min类似，作⽤是提供⼀个可以上下点的按钮，⽐如当前数字是1，你设置了step = “5”，点⼀下上的按钮，就变成6了。
6.placeholder：该属性不多说，⼤家应该都很熟悉，⼀般是⽤来提⽰⽤户输⼊的，当⽤户真的输⼊了⽂字之后，会被输⼊的⽂字覆盖。
8.disabled：该属性会禁⽤⼀个表单元素。这⾥是禁⽤，完全禁⽤掉除了之外的所有表单元素。
9.maxlength ：该属性⽤于限制⽤户输⼊的最⼤字数限制。
10.size：已经没什么时候实际的作⽤了，控制⼤⼩现在⼏乎都是由CSS控制了。
11.form：在HTML5中，表单控件已经没有必要嵌套在⼀个表单中，新的form属性可以把表单元素与页⾯上的任意的表单关联起来。也可以被嵌套在⼀个表单中，随着另⼀个表单提交，代码如下：
<form id="form1"></form>
<p>
<label for="admin">admin</label>
<input type="text" id="admin" form="form1"/>
</p>
这样，就把form和input联系起来了。如果input没有form属性，那么，它将被关联到离他最近的form表单。
12.autocomplete：顾名思义，⾃动完成，⽤户输⼊⼀部分，后⾯的⾃动补全。需要浏览器保存⽤户输⼊的内容，以便下⼀次⾃动补全。
13.autofocus：该属性指的是表⽰这个表单控件在页⾯载⼊的时候⾃动获得焦点。
以上就是html input标签的属性了。
现在说说input标签的⽤法：
先看个html input标签的实例：
<form action="demo_form.asp">
⽤户名: <input type="text" name="fname"><br>
输⼊框: <input type="text" name="lname"><br>
<input type="submit" value="提交">
</form>
这个的效果如图：
效果还是可以的，也是最简单的输⼊框的样式，我们今天讲的就要简单的，简单的也表⽰容易懂。
来说⼀说html input标签的⽤法总结：
1.⽂本框：
在表单中，⽂本框⽤来让⽤户输⼊字母、数字等等，如⽤户的姓名，地址等。
代码格式如下：
html中提交表单用什么属性<input type=”text” name=”...” size=”...” maxlength=”...” value=”...”/>
2.密码框：
是⼀种特殊的⽂本域，⽤于输⼊密码。
代码格式如下：
<input type=”password” name=”...”  size=”...” maxlength=”...” value=”...”/>
3.隐藏域：
是⽤来收集或发送信息的不可见元素，对于⽹页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息⽤你设置时定义的名称和值发送到服务器上。
代码格式如下：
<input type=”hidden” name=”...” value=”...”/>
4.单选按钮：
当需要⽤户从有限个选项中选择⼀个时，使⽤单选按钮。⽐如我们在注册的时候选择体重。
代码格式如下：
<input type=”radio” name=”...” value=”...”/>
5.复选框：
允许在待选项中选中⼀项以上的选项。每个复选框都是⼀个独⽴的元素，都必须有⼀个独⼀的名称。
代码格式如下：
<input type=”checkbox” name=”...” value=”...”/>
6.⽂件上传框：
代码格式如下：
<input type”file” name=”...”>
注意：利⽤这项功能时，在 form 标签中要指定method属性。要把method 指定为post, enctype属性指定为 multipart/form-data。
说明：multipart 控件是否上传多⽂件
以上就是本篇关于html input标签的属性介绍，还有关于html input标签的⽤法总结，有问题可以在下⽅留⾔提问。
专门建⽴的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享学习⽅法和需要注意的⼩细节，互相交流学习，不停更新最新的教程和学习技巧（⽹页制作，⽹站开发，web开发，从0基础开始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移动端HTML5的项⽬实战【视频＋⼯具＋系统路线图】全栈⼯程师学习路线以及规划都有整理，分享给⼩伙伴）点：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。