Form 表单
表单是一个包含表单元素的区域。主要作用就是向服务器提交数据。
使用的是 < form > 标签
它有一些属性，比如acion属性，method属性，这个稍后说
先给个例子eg：
<form action = "" method = "">
这里面是具体的表单内容
</form>
文本表单
使用的是 < input> 标签,它有一些属性，例如type属性，可以取"text"，"password"等值，id属性，id是惟一的，name属性，name不是唯一的
1，文本框
文本框的type属性是"text"
eg：
<body>
<input type = "text">
</body>
效果：
的确就只是一个文本框。它是text文本类型，它输入的内容是可以显示的
2，密码框
密码框的type属性是"password" 可以简写为"pwd"
eg:
<body>
账号：<input type = "text"><br/>
密码：<input type = "password">
</body>
效果：
账号表单是文本框，type是"text"类型，输入的内容是可见的，密码表单是密码框，type是"password"类型，输入的内容是不可见的。
3，文本域
使用的是< textarea>标签
eg：
<textarea rows = 10 cols = 30></textarea>
效果：
rows 属性表示多少行，cols属性表示列
4，单选框
单选框就是几个选项只能选择一个，它使用的是< input > 标签。
eg：
<input type = "radio" name = "sex">男
<input type = "radio" name = "sex" checked = "checked">女<br/>
它的type属性是"radio"。现在必须要加上name属性，因为有多个选项，为了保证是一个组的，所以要让它们名字相同。
效果：
男和女只能选择一个，另外，在女的选框中，写入了一个checked属性，表示默认选中，只能设置一个。
5，复选框
它的type属性是"checkbox"，就是可以选中多个
eg：
<input type = "checkbox" name = "hobby" checked = "checked">唱歌
<input type = "checkbox" name = "hobby">跳舞
<input type = "checkbox" name = "hobby" checked = "checked">编程
<input type = "checkbox" name = "hobby">绘画
它的name属性也要一样，它也有checked属性，不过可以同时设置多个。
6，下拉框
下拉框用的是< select >标签，使用< option >标签插入元素
eg：
<select id = "grade" name = "grade">
<option value = "1" >一年级</option>
<option value = "2" >二年级</option>
<option value = "3" >三年级</option>
<option value = "4" >四年级</option>
</select>
上面代码使用 < select > 标签创建了一个下拉框，然后设置name属性，接着使用 < option > 标签插入四个成员，< option > 标签的属性有value等，后面的“一年级”是要显示的内容。
效果：
按钮
- 提交按钮
使用的是< input > 标签，它的type属性是" submit"
eg:
<input type = "submit" value ="登录">
这里的value属性是会显示在按钮上的，至于提交这个在学动态页面的时候会继续深入讲解。
暂时效果：
2，普通按钮
它的type属性是 “button”
eg：
<input type = "button" value ="重置">
文件上传
它的功能是可以选择文件
它使用的是 < input > 标签，type类型是"file"
eg：
<input type = "file">
效果
我用的kk录像机，这个logo好烦人，但是又舍不得钱，如果这篇文章荣幸 地能被你看到，我想问下…有推荐的录像机嘛~~~~（题外话）
不同的游览器解析的效果是不一样的，这个使用的360游览器，别的游览器可能有所不同。
这篇文章就写到这里了，谢谢~
扫一扫
984
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
