标签：
我们先来设置一个简单的表单
<！doctype html>
<html>
<head> <meta charset="utf-8"> <title>一个简单的表单</title> </head> <body> <form> 姓： <input type="text" name="lastname"> <br/> 名： <input type="text" name="firstname">
</form>
</body>
</html>
form是表单的标签。input是输入的意思。type是类型的意思。text是文本的意思
type=text代表一个文本框，可以输入文字字母等。
框内的属性
name在着表单中是表单内的意思
name=lastname在文本框输入姓
name=firstname在文本框输入名
<!doctype html> <html> <head> <meta charset="utf-8"> <title>输出密码试试看</title> </head> <body> <form> 用户： <input type="text" name="user"> <br /> 密码： <input type="password" name="password"> </form> </body> </html>
将password设置到类型处，所输入的文本就是隐藏的了。大多数的浏览器中文本区域最多输入20个字符。这里英文type类型不一样所以会导致表单长度不一样。
<!doctype html> <html> <head> <meta charset="utf-8> <title>选项式表单x</title> </head> <body> <form> <input type="radio" name="sex" value="male" />male <br /> <input type="radio" name="sex" value="female" />famale </form> </body> </html>
type=radio类型等于单项选择的意思，name="sex"等于性别的意思。value="选项内容"
<!doctype html> <html> <head> <meta charset="utf-8"> <title>多项选择表单</title> </head> <body> <p>你喜欢什么？</p> <form> <input type="checkbox" name="代码"/> 我喜欢代码 <br/> <input type="checkbox" name="上网"/> 我喜欢上网 <br/> <input type="checkbox"name="跑步"/> 我喜欢跑步 </form> </body> </html>
type="checkbox"这是多项选择表单。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表格的动作属性和确认按钮</title>
</head>
<body>
<form name="input" action="后端地址" meahod="get">
用户名：
<input type="text" name="user"/>
<input type="submit" value="提交">
</form>
</body>
</html>
action链接后端的地址，我现在还不懂，所以不解释哈。meahod=get从服务器获取数据.
标签：
原文地址：http://www.cnblogs.com/liang1/p/4895631.html
