1表单交互
<form method="传送方式" action="服务器文件">
method : 数据传送的方式(get/post)
action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在 <form></form> 标签之间(否则用户输入的信息可提交不到服务器上哦!)。
2文本输入框、密码输入框
<form> <input type="text/password" name="名称" value="文本" /> </form>
3文本域,支持多行文本输入
<textarea rows="行数" cols="列数">默认文本</textarea>
4
单选框、复选框
<input type="radio/checkbox" value="值" name="名称" checked="checked"/> 同一组的单选按钮,name 取值一定要一致
5下拉列表框
<select>
<option value="提交值">选项</option>
<option value="提交值" selected="selected">选项</option>
</select>
6下拉列表框进行多选
windows+单击=多选
Mac+command+单击=多选
<select multiple="multiple">...</select>
7提交按钮,提交数据
<input type="submit" value="按钮名字">
8重置按钮,重置表单信息
<input type="reset" value="重置">
9label标签
label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。
<label for="male">男</label> <input type="radio" name="gender" id="male" />