html5代码如下:

页面运行结果

剖析

1利用html实现如图11的用户注册表单页面怎么用html5新增元素制造用户注册页面这个示例告知你 RESTful API
（图片来自网络侵删）

1、H5中的fieldset标签

fieldset标签用于表单中的元素组合起来，标签会在干系表单元素周围绘制边框，大部分浏览器支持这个标签，本实例中fieldset标签把表单中所有的元素都包裹起来。

2、input标签

input标签用户信息，type有不同的值，输入字段有很多形式。
比如说文本字段、复选框、按钮（单选、复选），input不是html5新增的元素，html4也可以支持iuput标签。
只是h5新增加了一些新的input属性，比如说本例中的required属性，它见告用户输入字段的值是必需的，不能为空，input的placeholder属性用于帮助用户填写输入字段的提示。
input标签的list属性，表示输入字段的预定义选项的 datalist 。

3、output标签

output是h5中的新标签，它定义不同类型的输出。
onforminput是input标签的属性，h5支持onforminput属性，它表示户输入时运行的脚本。
本例中是用户输入时运行“value=range1.value”。

4、datalist标签

datelist定义选项列表，和input元素合营利用，input 元素的 list 属性来绑定 datalist标签，不能单独利用。
本例中的datelist标签是提示输入的个人主页的示例列表。
把稳的是ie不支持datelist标签这一点是须要把稳的。

5、label标签

label标签不会向用户呈现任何效果，如果在 label 元素内点击文本，会触发控件。
它不是h5中的新标签。

关于“html5新增元素制作用户注书页面”先聊到这。
每天学习一个知识点，逐日寄语”每一个成功者都有一个开始。
勇于开始，才能找到成功的路。
”如转载请标注出处。