表单的作用:用来收集用户的信息的;
1、表单框
<form name=“表单名称” method=“post/get” action=“路径"> </form>
2、表单控件
<input type="" />
语法:
<input type=“” name=“” value=“” size=“” maxlength=" " />
说明:
Input:标记可以创建按钮、文本输入框、选择框等各种类型的输入字段。
name:属性标识表单域的名称;
type:属性标识表单控件的类型,大概有十几种;
Value:属性定义表单域的默认值,其他属性根据type的不同而有所变化。
maxlength:控制最多输入的字符数,
Size:控制框的宽度(以字符为单位)
1)文本框 <input type="text" value="默认值"/>
2)密码框 <input type="password" />
3)提交按钮 <input type="submit" value="按钮内容" />
4)重置按钮 <input type="reset" value="按钮内容" />
5)空按钮 <input type="button" value="按钮内容" />
6)单选按钮组 <input type=“radio” name=“ral” />男 <input type=“radio” name=“ral” checked=“checked”/>(默认选中)女
7)复选框组 <input type="checkbox" name="" /> <input type="checkbox" name="" disabled="disabled" />
*disabled="disabled" (禁用) * checked="checked" (默认选中)
表单域下拉列表(菜单)
语法:
<select >
<option>下拉选项1</option>
<option>下拉选项2</option> …………
</select>
表单域多行文本定义:
语法:
<textarea name="" cols="" rows="" > </textarea>
说明:
多行文本。rows属性和cols属性用来设置文本输入窗口的高度和宽度,单位是字符。 阻止浏览器对窗口的拖动设置:{resize:none;}(css属性)