快捷搜索:  汽车  科技

html5的表单验证功能(IT兄弟连HTML5教程HTML5表单)

html5的表单验证功能(IT兄弟连HTML5教程HTML5表单)

html5的表单验证功能(IT兄弟连HTML5教程HTML5表单)(1)

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

html5的表单验证功能(IT兄弟连HTML5教程HTML5表单)(2)

html5的表单验证功能(IT兄弟连HTML5教程HTML5表单)(3)

html5的表单验证功能(IT兄弟连HTML5教程HTML5表单)(4)

html5的表单验证功能(IT兄弟连HTML5教程HTML5表单)(5)

html5的表单验证功能(IT兄弟连HTML5教程HTML5表单)(6)

html5的表单验证功能(IT兄弟连HTML5教程HTML5表单)(7)

html5的表单验证功能(IT兄弟连HTML5教程HTML5表单)(8)

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

html5的表单验证功能(IT兄弟连HTML5教程HTML5表单)(9)

图1 HTML5综合表单

猜您喜欢: