首先先说一个html5中表单新增的一个功能，在我们之前的html中，表单元素必须放在form元素所包含的里面，在html5中，可以把他们写在页面上的任何一个地方，然后给该元素增加一个form属性，form属性的值为form表单的id，如下html view plain copy ltform method=quotgetquot id=quottestquot ltinput type=quott；lt！DOCTYPE htmllthtmllthead ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10quot ltstyle type=quottextcssquot inputtype=#39radio#39， inputtype=#39checkbox#39， label cursor pointer ltstyleltheadltbody ltform action=quot地址quot methed=quotpost。

新增表单属性autocomplete 自动完成 novalidate不验证数据 formaction 用于描述表单提交的URL地址，会覆盖 元素中的action属性formenctype 表单提交到服务器的数据编码 只对form表单中 method=quotpostquot 表单formmethod 表单提交方式，会覆盖 的method 属性formnovalidate 表单提交无需被验证，会覆盖 元素；直接去w3c官网，点击htmlcss下的html5表单属性，就会显示新的表单属性。

下面是表单代码，你直接再加属性就可以了，表单用 table 写比较简单，div 太麻烦了lthtml xmlns=quot quot lthead ltmeta；在HTML5中内置了很多表单的验证规则，这些验证规则会根据用户在input元素中输入的内容返回一个布尔值来告诉我们表单验证的状态下面我们就来列举一些我们比较常用的内置验证规则吧ValueMising规则 示例ltinput type=quottextquot required value=quotquot 目的确保表单控件input元素在页面中是以一个控件的形式。

html5表单大小设置

html5表单数据获得方法1首先，打开IDEA软件，并新建一个工程，建好后，右键创建一个html5文件，完成后便完成了最开始的工作2接着先熟悉一些较常用的表单标签表单ltform， 输入域ltinput，文本域lttextarea，按钮ltbutton，域的标题ltlegend，控制标签ltlabel等3创建一个form，如图。

能，只要在表格最外边设置上form标签即可，表格里头用 input标签，提交的时候，能直接用表单提交。

有这些新属性，placeholder和maxlength用的比较多placeholder 占位符 autofocus 自动聚焦 required 阻止未满足条件的提交 pattern 正则判断 maxlength 最大长度 具体案例。

lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot quotloosedtdquotlthtmlltheadlttitlelttitleltheadltbody用户ltinput id=quotunamequot type=quottextquot ltbr 密码ltinput id=quotpwdquot type=quotpasswordquot ltbr确认密码ltinput id=quotpwd。

1 `datalist` 元素 `datalist` 元素用于定义输入字段的选项列表通过在 `datalist` 中创建 `option` 元素，可以为输入字段提供预定义的选项要使用 `datalist`，需要将其 `id` 属性与输入字段的 `list` 属性相关联2 `keygen` 元素 `keygen` 元素用于生成密钥对，以便在表单提交时提供一种。

html5表单特效

1、以及提交数据的方式换言之，如果没有form标签，表单数据是不能被“同步”提交的 input当中的name属性，也是为后台准备的，后台获取数据的方法是通过input的name属性，比如想要获取一个input的value值，input的name为user，那么在后台语言如PHP中，就通过 $_GET#39user#39 的方法来获取。

2、HTML5表单是用户与网站进行交互的基石，通过它们，用户可以输入信息并将其安全地传递到服务器表单由基本元素构成，包括窗体框架，控件输入框按钮以及数据提交方式的选择表单元素详解 表单标签承载控件的HTML结构，是表单的骨架 输入控件核心元素包括 文本输入 密码输入 单选。

3、在HTML中，一个完整的表单通常由表单控件表单元素提示信息和表单域三部分构成表单控件包含了具体的表单功能项，例如单行文本输入框密码输入框单选框复选框提交按钮重置按钮等常用的表单控件 1label控件 顾名思义，label控件用来为每个表单元素添加有意义的描述，并且，单击它将导致相。

4、number数字，可以设置数字范围 range数字滚动条 ，滚动条可以改变范围内的数值 search搜索 搜索关键字 tel电话号码 urlurl地址输入输入url格式可自动验证HTML5 还有这3种新的表单元素可以参考w3cschool手册formelementshtmlltdatalist ltkeygen。

5、本地日期时间ltinput type=”datetimelocal”属性 描述 值 这是HTML里input元素的通用属性就是输入框里的数据min 日期或时间的最小值 max 日期或时间的最大值 step 步长不同的类型有不同的缺省步长Date – 缺省是1天 Week – 缺省是1周 Month – 缺省是1月 Time –。