html5权威指南:表单元素

时间:2023-03-08 17:35:13

一、表单标签

 表单标签:http://blog.csdn.net/mylovestart/article/details/8589002

  html5新增表单元素:

  1.datalist:http://www.w3school.com.cn/html5/html5_datalist.asp

  2.keygen:http://www.w3school.com.cn/tags/tag_keygen.asp

  3.output:http://www.w3school.com.cn/tags/tag_output.asp

二、表单属性

  html5表单标签及标签属性总结:http://blog.csdn.net/MRname/article/details/50747387

  定制input元素:http://www.cnblogs.com/hanxuming/p/6018770.html

三、获取表单元素

html5权威指南:表单元素

html5权威指南:表单元素

四、表单提交

html5权威指南:表单元素

四、验证表单

提交表单前验证表单的几种方法:http://blog.sina.com.cn/s/blog_74924f2401017ow2.html

经常用的的js表单验证函数:http://www.cnblogs.com/itxiaoyan2013/archive/2013/05/23/3094252.html

五、几个重要的知识点

1.

html5权威指南:表单元素

2.

html5权威指南:表单元素

3.

<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
<meta name="author" content="Adam Freeman"/>
<meta name="description" content="A simple example"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>
<body>
<form method="post" action="http://titan:8080/form">
<fieldset>
<legend>Enter Your Details</legend>
<p><label for="name">Name: <input id="name" name="name"/></label></p>
<p><label for="name">City: <input id="city" name="city"/></label></p>
</fieldset>
<fieldset disabled>
<legend>Vote For Your Three Favorite Fruits</legend>
<p><label for="fave1">#1: <input id="fave1" name="fave1"/></label></p>
<p><label for="fave2">#2: <input id="fave2" name="fave2"/></label></p>
<p><label for="fave3">#3: <input id="fave3" name="fave3"/></label></p>
</fieldset>
<button>Submit Vote</button>
</form>
</body>
</html>

html5权威指南:表单元素

4.

html5权威指南:表单元素

5.

html5权威指南:表单元素