这篇文章主要讲解了“html5 input有什么新属性”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html5 input有什么新属性”吧!
html5 input有新增属性,分别为:autocomplete、autofocus、form、height、list、max、min、multiple、pattern、placeholder、required、step、width等等。
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
<input> 标签规定了用户可以在其中输入数据的输入字段。
<input> 元素在 <form> 元素中使用,用来声明允许用户输入数据的 input 控件。
输入字段可通过多种方式改变,取决于 type 属性。
HTML5 input标签新增属性
属性 | 值 | 描述 |
---|---|---|
autocomplete | on off | autocomplete 属性规定 <input> 元素输入字段是否应该启用自动完成功能。 |
autofocus | autofocus | 属性规定当页面加载时 <input> 元素应该自动获得焦点。 |
form | form_id | form 属性规定 <input> 元素所属的一个或多个表单。 |
formaction | URL | 属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type="submit" 和 type="image") |
formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | 属性规定当表单数据提交到服务器时如何编码(只适合 type="submit" 和 type="image")。 |
formmethod | get post | 定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type="submit" 和 type="image") |
formnovalidate | formnovalidate | formnovalidate 属性覆盖 <form> 元素的 novalidate 属性。 |
formtarget | _blank _self _parent _topframename | 规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type="submit" 和 type="image") |
height | pixels | 规定 <input>元素的高度。(只针对type="image") |
list | datalist_id | 属性引用 <datalist> 元素,其中包含 <input> 元素的预定义选项。 |
max | number date | 属性规定 <input> 元素的最大值。 |
min | number date | 属性规定 <input>元素的最小值。 |
multiple | multiple | 属性规定允许用户输入到 <input> 元素的多个值。 |
pattern | regexp | pattern 属性规定用于验证 <input> 元素的值的正则表达式。 |
placeholder | text | placeholder 属性规定可描述输入 <input> 字段预期值的简短的提示信息 。 |
required | required | 属性规定必需在提交表单之前填写输入字段。 |
step | number | step 属性规定 <input> 元素的合法数字间隔。 |
width | pixels | width 属性规定 <input> 元素的宽度。 (只针对type="image") |
感谢各位的阅读,以上就是“html5 input有什么新属性”的内容了,经过本文的学习后,相信大家对html5 input有什么新属性这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。