表单的作用:用来收集用户的信息;
1、表单框
<form name=”表单名称”method=”post/get”action=””></form>
说明:Get是用来从服务器上获得数据,而Post是用来向服务器上传递数据。处于安全性考虑,建议最好使用Post提交数据
2、表单控件
<input type=””/>
1,文本框
<imput type=”text”value=”默认值”/>
2.密码框
<input type=”password”/>
3.提交按钮
<input type=”submit”value=”按钮内容”/>
4.重置按钮
<input type=”reset”value=”按钮内容”/>
5.单选框/单选按钮
<input type=”radio”name=”ral”/>
<input type=”radio”name=”ral”checked=”checked”/>(默认选中)单选按钮中必须要写name,并且同一组单选中name要一样才能保证单选。
6.复选框
<input type=”checkbox”name=”like”/>
<input type=”checkbox”name=”like”disabled=”disabled”/>
(disabled=”disabled”:禁用;checked=”checked”:默认选中;html5中直接写disable和checked效果一样)
7.按钮
<input name=””type=”button”value=”按钮内容”/>
(他和submit的区别是,submit是提交按钮,起到提交信息的作用,button只起到跳转的作用,不进行提交。)
下拉菜单:表示下拉列表,用户从这个列表中可以选择一个或多个选项。name属性不是必须的。
<select name=””>
<option>下拉选项</option>
......
</select>
多行文本框(文本域):多行文本。rows属性和cols属性用来设置文本输入窗口的高度和宽度,单位是字符。
<textarea name=””cols=””rows=””></textarea>