求一个HTML5 表单的写法例子

表单是用来获取用户输入的一些数据，最常见的就是注册，登录之类的；

首先，打开IDEA软件，并新建一个工程，建好后，右键创建一个html5文件，完成后便完成了最开始的工作；

接着我们先熟悉一些较常用的表单标签：表单<form>，  输入域<input>，文本域<textarea>，按钮<button>，域的标题<legend>，控制标签<label>等。我们创建一个form,如图，输入一些你想要创建的东西（我演示的仅为用户密码）；

打开网页看效果图，便是这样的效果了，拥有了最简单的帐号密码；

同时，我们还可以添加一些选择的元素，如你喜欢什么游戏；

在excel里，如果一列数据比较规范，有明显的分割符合和分割规律，可以用分列的方法来把数据变成两列放进excel里。

1、选中整列数据，点击数据——分列。

2、在文本分割向导选择分割符号，点击下一步。

3、分割符号处，系统预设了几个选项，根据需要，如果系统预设好了，可以直接点击，如果没有，可以在其他中输入，本例中用的是中文状态的逗号，因此在其他栏输入中文状态的逗号，并点击下一步。

4、在列格式设置窗口，因本例数据是常规型数字，因此格式默认为常规，具体可以根据实际情况点选。直接点击完成，分列成功，数据被分为两列存放。

HTML5中，新标准把文本框提示信息、表单校验、日期选择控件、颜色选择控件、范围控件、进度条、标签跨表单等功能直接加入新的表单标签中。 但在众多现代浏览器中，最新版本的Opera浏览器对新型表单的支持才最为完美。

name: 标识表单提交时的key值 min: 标识当前输入框输入的最小值 max: 标识当前输入框输入的最大值 step: 标识点击增大/减小的时候，增加/减小的步长

当表单在提交前，此文本框会自动校验是否符合邮箱的正则表达式。

此类型标签的加入，输入范围内的数据变得非常简单容易，而且非常标准，用户输入可感知体验非常好。另外此标签可以跟表单新增加的output标签一块使用，达到一个联动的效果。

相关的日期属性还包括：month、time、week、datetime-local、datetime。

novalidate ：属性规定在提交表单时不应该验证form或input域。

autocomplete ：属性规定form或input域应该拥有自动完成功能。