新增属性一般IE9及更早的IE版本都不支持使用 也有一些属性不支持某个浏览器 使用时要注意!
目录
autocomplete属性
提交后会自动记录已经提交的值;可以理解为软件中的记住账号和密码
可以在form元素中开启 在input元素中关闭
autocomplete适用于 <form> 标签,以及以下类型的 <input> 标签:text, search, url, telephone, email, password, datepickers, range 以及 color。
注:欧朋浏览器不支持
<form autocomplete="on">
name:<input type="text"><br>
email: <input type="email" autocomplete="off"><br>
<input type="submit">
</form>
//当点击提交后再次点击输入框会自动记录上次输入的值
novalidate属性
这个属性表示提交的表单不需要验证
<form novalidate>
<input type="e-mail">
<input type="submit">
</form>
//填写email格式无论如何点击提交后都会提交成功
注:Safair和IE9之前不支持
autofocus属性
当页面载入是自动获取焦点,与上面用法相似
通俗解释就是打开页面时自动点进输入框里可以直接输入。
form属性
表示虽然没写在form里但是定义form属性后仍然算form表单中的一部分
<form id="ff">
<input type="text">
</form>
<input type="password" form="ff">
注:IE不支持
formaction属性
用于type="submint"和type="image"中,表示提交表单后的url地址
如果form定义了action属性那么会被formaction覆盖住
(action属性:当表单提交后数据会被传到服务端 action定义了服务端接收数据的文件名)
<input type="submit" formaction="文件名"value="提交">
formenctype属性
在这个属性里定义表单提交到服务器时按什么方式编码,只对表单中method="post"有用
用于type="submint"和type="image"中
formethod属性
定义表单提交方式 比如:formethod="post"证明表单用post方法提交
用于type="submint"和type="image"中
formtarget属性
定义表单提交后展示的地方 比如展示在一个新的页面里
用于type="submint"和type="image"中
height和width属性
定义一个图像提交按钮 设定高度和宽度 给它一个所需要的空间,在加载页面时会被预留出来
<input type="image" scr="ssss,jpg" alt="submit" width="20" height="20">
list属性
list规定输入域的datalist datalist规定选项列表
<input list="ll">
<datalist>
<option value="选项一">
<option value="选项二">
<option value="选项三">
<option value="选项四">
<option value="选项无">
</datalist>
min和max属性
给输入的值一个范围
<input type="date" max="2023-04-01">
这样就表示输入的日期要在2023年4月1日之前
mulitiple属性
规定input可以选择多个值或者文件
<input type="file" multipe>
可以选择多个文件
pattern属性
定义一个正则表达式来验证input的值
placeholder属性
描述输入域所期待的值 算是用户输入前在输入框中的提示
required属性
表示这个输入框在提交时不能为空
<input type="text" required>
step属性
为输入域提供合法的输入间隔
我理解为如果定义step="3"此时只能输入3的倍数
注:火狐不支持