html5中input新增的type属性

新增属性一般IE9及更早的IE版本都不支持使用   也有一些属性不支持某个浏览器 使用时要注意！

目录

autocomplete属性

novalidate属性

autofocus属性

form属性

formaction属性

formenctype属性

formethod属性

formtarget属性

height和width属性

list属性

min和max属性

mulitiple属性

pattern属性

placeholder属性

required属性

step属性

---

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的倍数

注：火狐不支持