HTML5 表单新增的属性

最新推荐文章于 2024-09-24 22:10:03 发布

yuxingwu9872

最新推荐文章于 2024-09-24 22:10:03 发布

阅读量772

点赞数 26

文章标签： html5 前端 html

本文链接：https://blog.csdn.net/yuxingwu9872/article/details/137868240

版权

本文介绍了HTML5表单中新增的属性，如required强制填写、placeholder提供默认显示、autocomplete控制自动填充，以及novalidate取消表单验证。同时，详细讲解了input类型（如email、url、number、range等）和表单元素如datalist、keygen和fieldset的使用。

摘要由CSDN通过智能技术生成

HTML5 表单新增的属性

<form></form>标记新增属性

required 规定必需在提交之前填写输入字段。

<form name="frm">
姓名：<input type="text" name="username" required="required"></br>
<input type="submit" name="submit" value="提交">
</form>

placeholder 默认显示内容

实例：带有 placeholder 文本的搜索字段：

<form action="demo_form.asp" method="get">
    <input type="search" name="user_search" placeholder="请输入默认值" />
    <input type="submit" />
</form>

autocomplete 用来设置input组件是否使用自动完成功能,HTML5新增的属性值有on(使用)或off(不使用)两种。

input的属性autocomplete默认为on,其含义代表是否让浏览器自动记录之前输入的值,很多时候，

需要对客户的资料进行保密,防止浏览器软件或者恶意插件获取到,可以在input中加入autocomplete="off" 来关闭记录

系统需要保密的情况下可以使用此参数，该属性也可作用于表单元素

实例：

<form action="demo_form.asp" method="get" autocomplete="on">
First name:<input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
E-mail: <input type="email" name="email"