IT兄弟连 HTML5教程 HTML5表单 H5表单提交综合实例

时间:2021-10-23 15:37:51

IT兄弟连 HTML5教程 HTML5表单 H5表单提交综合实例

这里我们创建一个填写个人基本信息的表单,使用了表单元素有<input>输入框、<datalist>选项列表、<textarea>文本框,通用的表单输入类型有text、password、file、radio、checkbox、email、url、number、Date pickers。并为表单及表单元素设定了相应的属性。代码如下:

IT兄弟连 HTML5教程 HTML5表单 H5表单提交综合实例

IT兄弟连 HTML5教程 HTML5表单 H5表单提交综合实例

IT兄弟连 HTML5教程 HTML5表单 H5表单提交综合实例

IT兄弟连 HTML5教程 HTML5表单 H5表单提交综合实例

IT兄弟连 HTML5教程 HTML5表单 H5表单提交综合实例

IT兄弟连 HTML5教程 HTML5表单 H5表单提交综合实例

IT兄弟连 HTML5教程 HTML5表单 H5表单提交综合实例

IT兄弟连 HTML5教程 HTML5表单 H5表单提交综合实例

运行这段代码,表单在页面中的展示如图1所示:

IT兄弟连 HTML5教程 HTML5表单 H5表单提交综合实例

图1  HTML5综合表单