温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

html5 input有什么新属性

发布时间:2021-11-02 09:33:46 来源:亿速云 阅读:179 作者:iii 栏目:web开发

这篇文章主要讲解了“html5 input有什么新属性”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html5 input有什么新属性”吧!

html5 input有新增属性,分别为:autocomplete、autofocus、form、height、list、max、min、multiple、pattern、placeholder、required、step、width等等。

html5 input有什么新属性

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

<input> 标签规定了用户可以在其中输入数据的输入字段。

<input> 元素在 <form> 元素中使用,用来声明允许用户输入数据的 input 控件。

输入字段可通过多种方式改变,取决于 type 属性。

HTML5 input标签新增属性

属性描述
autocompleteon offautocomplete 属性规定 <input> 元素输入字段是否应该启用自动完成功能。
autofocusautofocus属性规定当页面加载时 <input>  元素应该自动获得焦点。
formform_idform 属性规定 <input> 元素所属的一个或多个表单。
formactionURL属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type="submit" 和 type="image")
formenctypeapplication/x-www-form-urlencoded multipart/form-data text/plain属性规定当表单数据提交到服务器时如何编码(只适合 type="submit" 和 type="image")。
formmethodget post定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type="submit" 和 type="image")
formnovalidateformnovalidateformnovalidate 属性覆盖 <form> 元素的 novalidate 属性。
formtarget_blank _self _parent _topframename规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type="submit" 和 type="image")
heightpixels规定  <input>元素的高度。(只针对type="image")
listdatalist_id属性引用  <datalist> 元素,其中包含 <input> 元素的预定义选项。
maxnumber date属性规定 <input> 元素的最大值。
minnumber date属性规定 <input>元素的最小值。
multiplemultiple属性规定允许用户输入到 <input> 元素的多个值。
patternregexppattern 属性规定用于验证 <input> 元素的值的正则表达式。
placeholdertextplaceholder 属性规定可描述输入 <input> 字段预期值的简短的提示信息 。
requiredrequired属性规定必需在提交表单之前填写输入字段。
stepnumberstep 属性规定 <input> 元素的合法数字间隔。
widthpixelswidth 属性规定  <input> 元素的宽度。  (只针对type="image")

感谢各位的阅读,以上就是“html5 input有什么新属性”的内容了,经过本文的学习后,相信大家对html5 input有什么新属性这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI