当前位置：首页 > news >正文

HTML5 新表单属性详解

news 来源：原创 2025/6/8 3:26:47

HTML5 为 <form> 和 <input> 标签引入了一系列新属性，极大地增强了表单的功能和用户体验。这些新属性不仅简化了开发者的工作，还为用户提供了更友好、更高效的交互方式。本文将详细介绍这些新属性，并结合代码示例帮助大家更好地理解和应用。

一、HTML5 表单新属性概述

HTML5 的新表单属性主要分为两类：

<form> 标签的新属性：用于控制整个表单的行为。
<input> 标签的新属性：用于增强输入框的功能和验证。

这些新属性的引入，使得表单开发更加便捷，同时也提升了用户体验。

二、`<form>` 标签的新属性

1. `autocomplete`

作用：控制表单是否启用自动填充功能。
取值：
- on：启用自动填充（默认）。
- off：禁用自动填充。

示例：

<form autocomplete="off"><input type="text" name="username" placeholder="用户名"><input type="password" name="password" placeholder="密码"><button type="submit">提交</button>
</form>

在这里插入图片描述

2. `novalidate`

作用：禁用表单的默认验证行为。
适用场景：当需要自定义表单验证时，可以使用该属性。

示例：

<form novalidate><input type="email" name="email" placeholder="邮箱" required><button type="submit">提交</button>
</form>

在这里插入图片描述

三、`<input>` 标签的新属性

1. `autocomplete`

作用：控制单个输入框是否启用自动填充功能。
取值：
- on：启用自动填充（默认）。
- off：禁用自动填充。

示例：

<input type="text" name="username" placeholder="用户名" autocomplete="off">

2. `autofocus`

作用：页面加载时自动聚焦到该输入框。
适用场景：提高用户输入效率。

示例：

<input type="text" name="username" placeholder="用户名" autofocus>

3. `form`

作用：允许输入框与表单关联，即使输入框不在表单内部。

示例：

<form id="myForm"><button type="submit">提交</button>
</form>
<input type="text" name="username" placeholder="用户名" form="myForm">

在这里插入图片描述

4. `formaction`

作用：覆盖表单的 action 属性，指定表单提交的 URL。
适用场景：同一个表单可以提交到不同的处理页面。

示例：

<form><input type="text" name="username" placeholder="用户名"><button type="submit">提交到 A</button><button type="submit" formaction="/submit-b">提交到 B</button>
</form>

5. `formenctype`

作用：覆盖表单的 enctype 属性，指定表单数据的编码方式。
取值：
- application/x-www-form-urlencoded（默认）
- multipart/form-data（用于文件上传）
- text/plain

示例：

<form><input type="text" name="username" placeholder="用户名"><button type="submit">提交</button><button type="submit" formenctype="multipart/form-data">上传文件</button>
</form>

6. `formmethod`

作用：覆盖表单的 method 属性，指定表单提交的 HTTP 方法。
取值：
- get
- post

示例：

<form><input type="text" name="username" placeholder="用户名"><button type="submit">使用 POST 提交</button><button type="submit" formmethod="get">使用 GET 提交</button>
</form>

7. `formnovalidate`

作用：禁用表单的默认验证行为。
适用场景：当需要自定义表单验证时，可以使用该属性。

示例：

<form><input type="email" name="email" placeholder="邮箱" required><button type="submit">提交</button><button type="submit" formnovalidate>不验证提交</button>
</form>

8. `formtarget`

作用：覆盖表单的 target 属性，指定表单提交后响应的显示位置。
取值：
- _self（默认）
- _blank
- _parent
- _top

示例：

<form><input type="text" name="username" placeholder="用户名"><button type="submit">在当前页面打开</button><button type="submit" formtarget="_blank">在新页面打开</button>
</form>

9. `height` 与 `width`

作用：指定 <input type="image"> 元素的高度和宽度。

示例：

<input type="image" src="submit.png" alt="提交" width="100" height="50">

10. `list`

作用：将输入框与 <datalist> 元素关联，提供输入建议。

示例：

<input type="text" name="browser" list="browsers">
<datalist id="browsers"><option value="Chrome"><option value="Firefox"><option value="Safari">
</datalist>

在这里插入图片描述

11. `min` 与 `max`

作用：指定输入框的最小值和最大值（适用于数字、日期等类型）。

示例：

<input type="number" name="age" min="18" max="100">

12. `multiple`

作用：允许用户输入多个值（适用于文件上传、邮箱等类型）。

示例：

<input type="file" name="files" multiple>

在这里插入图片描述

13. `pattern`

作用：指定输入值的正则表达式验证规则。

示例：

<input type="text" name="zipcode" pattern="\d{5}" placeholder="5 位邮政编码">

14. `placeholder`

作用：在输入框中显示提示文本。

示例：

<input type="text" name="username" placeholder="请输入用户名">

在这里插入图片描述

15. `required`

作用：指定输入框为必填项。

示例：

<input type="text" name="username" placeholder="用户名" required>

16. `step`

作用：指定输入值的步长（适用于数字、日期等类型）。

示例：

<input type="number" name="quantity" min="0" max="100" step="10">

四、总结

HTML5 的新表单属性极大地增强了表单的功能和用户体验。通过合理使用这些属性，开发者可以轻松实现表单的自动填充、输入验证、多步提交等功能，同时为用户提供更友好的交互体验。

以下是本文的重点回顾：

<form> 标签的新属性：autocomplete、novalidate。
<input> 标签的新属性：autocomplete、autofocus、form、formaction、formenctype、formmethod、formnovalidate、formtarget、height 与 width、list、min 与 max、multiple、pattern、placeholder、required、step。

希望本文能帮助大家更好地理解和应用 HTML5 的新表单属性。如果有任何问题或建议，欢迎在评论区留言！

推荐阅读：

HTML5 表单验证详解
HTML5 新特性全面解析

关注我，获取更多前端开发干货！

HTML5 新表单属性详解

HTML5 为 <form> 和 <input> 标签引入了一系列新属性，极大地增强了表单的功能和用户体验。这些新属性不仅简化了开发者的工作，还为用户提供了更友好、更高效的交互方式。本文将详细介绍这些新属性，并结合代码示例帮助大家更好地理…...

编程日记 2025/6/2 6:08:40

Android程序中使用FFmpeg库

目录前言一、环境二、创建APP 三. 添加FFmpeg库文件到app中 1. 复制ffmpeg头文件和so库到app中 2. 修改CMakeLists.txt文件内容. 3. 修改ffmpeglib.cpp 文件内容 4. 修改NativeLib.kt 文件添加方法和加载库 5. 调用四. 增加解析视频文件信息功能总结前言前面…...

编程日记 2025/5/30 7:44:16

到华为考场考HCIE的注意事项和考试流程

大家好，我是张同学，来自成都职业技术学院2021级计算机网络专业。最近成功通过了 Datacom HCIE 考试，在这里和大家分享一下我的经验。考证契机在母校的培养下，我接触到ICT这个行业，打好了基础，开始了成…...

编程日记 2025/6/2 4:27:39

基于STM32的智能书架管理系统设计

目录引言系统设计硬件设计软件设计系统功能模块图书分类与存储模块环境监测与保护模块数据显示与用户交互模块远程管理与书籍推荐模块控制算法图书分类与存储管理算法环境监测与保护算法数据记录与推荐算法代码实现图书分类与存储代码环境监测与保护代码数据显示与远程…...

编程日记 2025/6/4 0:24:44

STL--list（双向链表）

目录一、list 对象创建 1、默认构造函数 2、初始化列表 3、迭代器 4、全0初始化 5、全值初始化 6、拷贝构造函数二、list 赋值操作 1、赋值 2、assign（迭代器1，迭代器2） 3、assign（初始化列表） 4、assig…...

编程日记 2025/5/31 8:37:43

构建高效稳定的网络环境

概述网络技术是当今IT行业的重要组成部分，构建高效稳定的网络环境对于企业、个人和互联网发展至关重要。本文将探讨网络技术中的关键要素，包括网络协议、网络架构、网络安全和网络优化，并提供实用的技巧和最佳实践，以帮助您构建…...

编程日记 2025/6/3 16:48:01

2025美赛倒计时，数学建模五类模型40+常用算法及算法手册汇总

数学建模美赛倒计时，对于第一次参加竞赛且没有相关基础知识的同学来讲，掌握数学建模常用经典的模型算法知识，并熟练使用相关软件进行建模是关键。本文将介绍一些常用的模型算法，以及软件操作教程。数学建模常用模型包括&#xf…...

编程日记 2025/6/4 6:49:17

ElasticSearch DSL查询之排序和分页

一、排序功能 1. 默认排序在 Elasticsearch 中，默认情况下，查询结果是根据相关度评分（score）进行排序的。我们之前已经了解过，相关度评分是通过 Elasticsearch 根据查询条件与文档内容的匹配程度自动计算得出的。…...

编程日记 2025/6/2 18:36:15

C语言--数据在内存中的存储

数据在内存中的存储主要研究整型和浮点型在内存中的存储。 1. 整数在内存中的存储在学习操作符的时候，就了解过了下面的内容： 整数的2进制表示方法有三种，即原码、反码和补码。有符号的整数，三种表示方法均有符号位和数值…...

编程日记 2025/5/30 8:01:40

qml ScrollView详解

1、概述 QML中的ScrollView是一个容器组件，它允许用户滚动查看其内容，当内容超出视口大小时特别有用。ScrollView提供了垂直和水平滚动条（或触摸滚动），使用户能够访问被视口裁剪的内容部分。它常用于显示大量数据或复…...

编程日记 2025/6/1 5:09:42

1.提取所有的文件名并查找出以frm结尾的 dir /t /b >1.txt 2.要准备的软件 1.mysql-utilities-1.6.5-winx64.msi 2.vcredist_x64.exe(c 2013) 3.利用frm生成sql文件 mysqlfrm --serverroot:123456localhost:3306 --port3308 D:\phpstudy_pro\Extensions\MySQL5.7.26\da…...

编程日记 2025/6/4 1:20:33

观察者模式 - 观察者模式的应用场景

引言观察者模式（Observer Pattern）是设计模式中行为型模式的一种，它定义了对象之间的一对多依赖关系，使得当一个对象的状态发生改变时，所有依赖于它的对象都会自动收到通知并更新。观察者模式广泛应用于事件处理系统…...

编程日记 2025/5/28 14:44:39

【Mac】Python相关知识经验

一、给Python3安装第三方库 mac下给Python3安装第三方库pillow，处理图片【安装方式】： 终端中输入命令：python3 -m pip install pillow 按回车，等待pillow下载安装 NOTE: 其他模块同理，如pytesseract 二、Python版…...

编程日记 2025/6/4 3:36:33

使用 JMeter 的 Autostop Listener 插件：自动化性能测试的守护者

在性能测试中，监控测试执行的状态并及时做出响应是至关重要的。如果测试过程中出现性能瓶颈或系统崩溃，继续运行测试可能会导致资源浪费或测试结果不准确。JMeter 的 Autostop Listener 插件正是为了解决这一问题而设计的。它允许你设置自动化停止条件&a…...

编程日记 2025/6/2 22:50:14

C# lock使用的逻辑和情景

情景：扣库存，会出现超扣的情况，因为同一个单子会有不同的工作人员使用，要保证数据的一致性。那么就用锁。优化锁对象管理使用 Lazy 初始化锁对象： 使用 ConcurrentDictionary 的 GetOrAdd 方法结合 Lazy 确保锁对象只…...

编程日记 2025/6/1 4:52:39

React 中hooks之 React useCallback使用方法总结

1. useCallback 基础概念 useCallback 是 React 的一个 Hook，用于记忆函数定义，避免在每次渲染时创建新的函数实例。它在需要将回调函数传递给经过优化的子组件时特别有用。当state变化的时候引起组件重新渲染执行会导致某个方法被反复创建增加内存负担…...

编程日记 2025/6/4 14:11:20

期刊论文左下角添加通讯作者和横线的方法

一、添加脚注二、写脚注内容三、修改脚注分隔符（添加横线） 大概插入十个此符号，长度可微调。...

编程日记 2025/5/30 3:44:43

Docker使用使用Dockerfile来创建镜像

本篇文章主要介绍了Docker使用Dockerfile来创建镜像， 本文学习Dcokerfile的基本命令,并且创建一个支持ssh服务的镜像. 1.Dockerfile 1.1基本案例基本案例 dockerfile可以说是docker的描述符,该文件定义了docker镜像的所能拥有哪些东西.基本格式如下: 第一行指定…...

编程日记 2025/5/27 15:02:41

手写SOCKET进行HTTP通信

网络基础我们电脑主板上都内置了多种网卡，一般主要有以下几类： 虚拟网卡（loopback） 注意，它是虚拟的，并不是物理网卡，也被称为是本地环回地址(或接口)，一般将127.0.0.1作为本地环回…...

编程日记 2025/5/30 12:58:36

深入理解 Java 的并发容器

目录一、为何需要并发容器二、Java 中的主要并发容器 1. ConcurrentHashMap 2. CopyOnWriteArrayList 3. ConcurrentLinkedQueue 4. BlockingQueue及其实现类三、并发容器的应用场景 1. 缓存系统 2. 任务队列 3. 数据共享与传递四、使用并发容器的注意事项 1. …...

编程日记 2025/6/4 11:51:08

四、CSS效果

一、box-shadow box-shadow:在元素的框架上添加阴影效果 /* x 偏移量 | y 偏移量 | 阴影颜色 */ box-shadow: 60px -16px teal; /* x 偏移量 | y 偏移量 | 阴影模糊半径 | 阴影颜色 */ box-shadow: 10px 5px 5px black; /* x 偏移量 | y 偏移量 | 阴影模糊半径 | 阴影扩散半…...

编程日记 2025/6/4 8:46:28

每日OJ_牛客_DP44兑换零钱_C++_Java

目录牛客_DP44兑换零钱题目解析 C代码 Java代码牛客_DP44兑换零钱兑换零钱_牛客题霸_牛客网描述： 给定数组arr，arr中所有的值都为正整数且不重复。每个值代表一种面值的货币，每种面值的货币可以使用任意张，再给定一个a…...

编程日记 2025/5/30 3:46:07

Linux——入门基本指令汇总

目录 1. ls指令2. pwd3. whoami指令4. cd指令5. clear指令6. touch指令7. mkdir指令8. rm指令9. man指令10. cp指令11. mv指令12. cat指令13. tac指令14. more指令15. less指令16. head指令17. tail指令18. date指令19. cal指令20. find指令21. which指令22. alias指令23. grep…...

编程日记 2025/6/2 17:20:00

VOSK实现【离线中文语音】识别

Vosk是一款开源的离线语音识别工具包，具有以下功能： 多语言支持：能够对20多种语言和方言进行语音识别，如中文、英语、德语、法语、西班牙语等，可满足不同用户的语言需求。模型轻量化：每种语言的模型大小仅…...

编程日记 2025/6/2 14:38:38

Qt 控件与布局管理

1. Qt 控件的父子继承关系在 Qt 中，继承自 QWidget 的类，通常会在构造函数中接收一个 parent 参数。这个参数用于指定当前空间的父控件，从而建立控件间的父子关系。当一个控件被设置为另一控件的子控件时，它会自动成为该父控…...

编程日记 2025/6/3 21:45:51

Checkbutton组件

在这个案例中，我们将添加三个复选框（Checkbutton）组件，每个组件都有不同的初始状态。准备就绪本文案例是在上一篇《Combobox组件》上的扩展，你可以从这里下载其中的代码。如何操作我们正在创建三个状态不同的复选框组件。第一个组件是禁用状态，并且其中有一个勾…...

编程日记 2025/6/3 17:50:51

Markdown Viewer 浏览器, vscode

使用VS Code插件打造完美的MarkDown编辑器（插件安装、插件配置、markdown语法）_vscode markdown-CSDN博客右键 .md 文件，选择打开方式 （安装一些markdown的插件) vscode如何预览markdown文件 | Fromidea GitCode - 全球开发者…...

编程日记 2025/6/3 22:14:25

【QNX】QNX侧查看CPU的信息

目录一工具 ① top ▲ 使用top查看CPU信息 ▲ 输出 ② hogs ▲ 使用hogs查看CPU信息 ▲ 输出 ③ pidin ▲ 使用pidin查看CPU信息 ▲ 输出二对比在QNX实时操作系统中，可查看CPU信息的方法有top、hogs以及pidin。一工具 ① top top命令不仅能够显…...

编程日记 2025/6/1 3:10:35

Android中关于View的几种属性赋值方式

我们以给TextView组件设置颜色属性展开讲解 1、xml中直接定义（设定TextView为黑色） 2、xml 中引用style（设定TextView为蓝色） 3、在theme 中直接定义（设定TextView紫色） 4、在主题中添加对样式资源的引用…...

编程日记 2025/6/1 19:59:14

JavaScript网页基于tesseract.js提取图片中的文字，识别车牌，识别快递单号等

Tesseract是我们的老盆友了，以前写过基于JavaCV版本的Tesseract字符识别，现在tesseract终于可以在网页上面用了（tesseract.js），让我们一起来试试效果。注意：本章使用Vue模块化调用tesseract.js方式&#x…...

编程日记 2025/6/2 2:56:57

智慧金融合集：财税资金数据管理一体化大屏

随着科技的快速进步和数字化转型的加速，金融、税务等机构和企业面临的数据量呈现出爆炸式增长。传统的数据分析方法早已无法胜任现代业务的需求。为此，许多机构开始尝试创新的软件工具来更好的管理繁琐的数据。通过图扑软件的数据可视化大屏&#xff0c…...

编程日记 2025/6/4 10:34:14

Android SystemUI——最近任务应用列表（十七）

对于最近任务应用列表来说，在 Android 原生 SystemUI 中是一个单独的组件。 <string-array name="config_systemUIServiceComponents" translatable="false">……<item>com.android.systemui.recents.Recents</item> </string-arra…...

编程日记 2025/6/3 16:34:04

工业相机 SDK 二次开发-Halcon 插件

本文介绍了 Halcon 连接相机时插件的使用。通过本套插件可连接海康的工业相机。一. 环境配置 1. 拷贝动态库在用户安装 MVS 目录下按照如下路径 Development\ThirdPartyPlatformAdapter 找到目录为 HalconHDevelop 的文件夹，根据 Halcon 版本找到对…...

编程日记 2025/6/3 2:26:05

AI Agent：数字文明的暗物质，如何悄然改变我们的世界？

AI Agent：数字文明的暗物质，如何悄然改变我们的世界？ 引言在人类文明的漫长黑夜中，人工智能（Artificial Intelligence, AI）如同第一缕曙光，正在撕裂数字与现实的边界。这是一个技术奇点临近的…...

编程日记 2025/5/29 11:14:18

vscode 自用插件

vscode按住ctrl鼠标左键无法跟踪跳转方法名，装这些插件就可以 vscode-elm-jump:常规的代码跳转定义 Vue CSS Peek:跳转css定义 vue-helper:变量函数只跳转定义 Vetur 代码提示 Baidu Comate 自动帮你写console.log Turbo Console Log: ctrl alt l 选中变量之后&am…...

编程日记 2025/6/3 5:04:12

Ragas-RAG能力评测

Ragas是一个框架，它可以帮助你从不同的方面评估你的问答（QA）流程。它为你提供了一些指标来评估你的问答系统的不同方面，具体包括： 评估检索（context）的指标：提供了上下文相关性&…...

编程日记 2025/6/3 16:25:17

【PCL】Segmentation 模块—— 条件欧几里得聚类（Conditional Euclidean Clustering）

1、简介 1.1 条件欧几里得聚类（Conditional Euclidean Clustering） 本文介绍了如何使用 pcl::ConditionalEuclideanClustering 类：这是一种基于欧几里得距离和用户自定义条件的点云聚类分割算法。该类使用了与欧几里得聚类提取(Euclidean…...

编程日记 2025/6/3 23:23:31

#HarmonyOS篇：build-profile.json5里面配置productsoh-package.json5里面dependencies依赖引入

oh-package.json5 用于描述包名、版本、入口文件和依赖项等信息。 {"license": "","devDependencies": {},"author": "","name": "entry","description": "Please describe the basic…...

编程日记 2025/6/2 6:54:52

《探秘：人工智能如何为鸿蒙Next元宇宙网络传输与延迟问题破局》

在元宇宙的宏大愿景中，流畅的网络传输和低延迟是保障用户沉浸式体验的关键。鸿蒙Next结合人工智能技术，为解决这些问题提供了一系列创新思路和方法。智能网络监测与预测人工智能可以实时监测鸿蒙Next元宇宙中的网络状况，包括带宽、延迟、…...

编程日记 2025/6/2 17:17:46

java中的泛型

文章目录 java中的泛型泛型的使用1 快速入门2 泛型的介绍（1）使用泛型的好处（2）泛型的理解（3）泛型的语法（4）泛型使用的注意事项 3 自定义泛型（1）自定义泛型类&…...

编程日记 2025/6/2 6:54:35

PCF8563一款工业级、低功耗多功能时钟/日历芯片

PCF8563是PHILIPS（现NXP）公司生产的一款工业级、内含I2C总线接口功能的低功耗多功能时钟/日历芯片。以下是对该芯片的详细介绍： 一、主要特性低功耗：典型值为0.25μA（VDD3.0V，Tamb25℃）。宽电…...

编程日记 2025/6/1 22:10:32

Servlet快速入门

Servlet 由于目前主流使用SpringBoot进行开发Servlet可以说是时代的眼泪，这篇文章主要介绍我基于SpringBoot对应Servlet的浅薄认知，有利于更好的理解前端界面和java服务器的数据交换过程快速入门我比较推荐这篇文章来对Servlet有一个大概的了解都2…...

编程日记 2025/6/3 2:32:10

C语言初阶牛客网刷题——JZ17 打印从1到最大的n位数【难度：入门】

1.题目描述牛客网OJ题链接题目描述： 输入数字 n，按顺序打印出从 1 到最大的 n 位十进制数。比如输入 3，则打印出 1、2、3 一直到最大的 3 位数 999。用返回一个整数列表来代替打印n 为正整数，0 < n < 5 示例1 输入&…...

编程日记 2025/6/3 5:03:29

【组件分享】商品列表组件-最佳实践

商品列表组件商品列表组件用于展示商品信息列表，支持多种布局方式和自定义配置。基础用法 <template><ProGoodsList :goods-list"goodsList" :layout"layout" item-click"handleItemClick" /> </template>&l…...

编程日记 2025/5/30 15:18:53

【JAVA】BOSS系统发版艺术：构建高效、优雅的微服务部署策略

在现代软件开发领域，微服务架构与容器化部署已迅速成为行业新趋势。微服务架构通过将应用拆分成多个小型、自治的服务单元，每个服务承担某项特定的业务功能。而容器化部署则以其轻量级和高度可移植的特性，为这些微服务的有效打包、分发和运行…...

编程日记 2025/6/2 18:02:39

React的响应式

在 React 中，useState 是一个 Hook，用于在函数组件中定义和管理状态。 setCount 是由 useState 返回的第二个值，用于更新状态并触发组件重新渲染。它的本质是一个状态更新函数，背后是 React 的状态管理和调度机制。下面是对 setCo…...

编程日记 2025/6/3 13:03:46

deep face cam 部署报错解决

这里写自定义目录标题使用conda创建py3.9环境使用按照readme.txt安装所有依赖后遇到的报错2.最后一个模块insightface安装报错3.运行run.py又报错原因：解决方法：4.缺少模块解决方法：pip命令安装5.AttributeError: NoneType object has no attribute configure解决方法：安装…...

编程日记 2025/6/4 14:21:20

图像处理基础(4)：高斯滤波器详解

本文主要介绍了高斯滤波器的原理及其实现过程高斯滤波器是一种线性滤波器，能够有效的抑制噪声，平滑图像。其作用原理和均值滤波器类似，都是取滤波器窗口内的像素的均值作为输出。其窗口模板的系数和均值滤波器不同，均值滤波器的…...

编程日记 2025/6/2 4:33:10

outlook附件限制最大5m如何解决

Outlook 附件大小限制为 5MB，通常由邮件服务器（如 Exchange、Office 365、Gmail 等）或本地 Outlook 配置决定。可以采取以下几种方法来解决该限制问题： 解决方案 1：调整服务器端限制（管理员权限&#xff09…...

编程日记 2025/6/3 16:16:01

Word常见问题：嵌入图片无法显示完整

场景：在Word中，嵌入式图片显示不全，一部分图片在文字下方。如： 问题原因：因段落行距导致方法一快捷方式选中图片，通过"ctrl1"快捷调整为1倍行距方法二通过工具栏调整选中图片&#xff0…...

编程日记 2025/6/2 19:31:41

一、HTML5 表单新属性概述

二、<form> 标签的新属性

1. autocomplete

2. novalidate

三、<input> 标签的新属性

1. autocomplete

2. autofocus

3. form

4. formaction

5. formenctype

6. formmethod

7. formnovalidate

8. formtarget

9. height 与 width

10. list

11. min 与 max

12. multiple

13. pattern

14. placeholder

15. required

16. step

四、总结

相关文章：

二、`<form>` 标签的新属性

1. `autocomplete`

2. `novalidate`

三、`<input>` 标签的新属性

1. `autocomplete`

2. `autofocus`

3. `form`

4. `formaction`

5. `formenctype`

6. `formmethod`

7. `formnovalidate`

8. `formtarget`

9. `height` 与 `width`

10. `list`

11. `min` 与 `max`

12. `multiple`

13. `pattern`

14. `placeholder`

15. `required`

16. `step`