一、表单
1.表单的作用(P19)
收集客户端的信息,然后提交给服务器。
2.表单的标记
<form name="名称" action="服务器页面URL" method="提交方式(post|get)">
....
</form>
说明:
A.action指服务器页面URL,一般为动态类型的文件(如jsp、php等)。
B.method指表单的提交方式
get,提交字符数较少;提交数据以"名/值"对形式
附加在URL地址栏。
post,提交字符数理论上无限制;提交数据将由
HTTP请求头部一起发送。
3.表单控件(表单元素)
3.1说明
A.所有表单控件必须赋予含义明确的名称
3.2单行文本框
<input type="text" name="名称" value="值" size="显示宽度" maxlength="最大长度"/>
3.3密码框
<input type="password" name="名称" value="值" size="显示宽度" maxlength="最大长度"/>
3.4单选框
<input type="radio" name="名称" value="值" checked="checked"/>
说明:
A.一组类型的单选框名称必须相同。
B.必须为单选框赋予有效提交值。
3.5复选框
<input type="checkbox" name="名称" value="值" checked="checked"/>
说明:
A.一组类型的复选框名称必须相同。
B.必须为复选框赋予有效提交值。
3.6 按钮
提交按钮
<input type="submit" value="值" name="名称"/>
取消按钮
<input type="reset" value="值" name="名称"/>
自定义按钮(其行为由JS控制)
<input type="button" value="值" name="名称"/>
3.7 列表框
<select name="名称" size="显示高度" multiple="multiple">
<optgroup label="分组名称">
<option value="值" selected="selected">...</option>
...
</optgroup>
....
</select>
说明:
A.multiple="multiple"属性可以控制是否多选。
B.必须为列表选项赋予有效提交值。
3.8 多行文本框
<textarea name="名称" rows="行数" cols="列数">值</textarea>
3.9 隐藏域
<input type="hidden" name="名称" value="值"/>
说明:隐藏域提交正确但无需用户干涉的信息。
3.10 浏览框
<input type="file" name="名称"/>
说明:
A.具有浏览框的表单,其提交方式只能为post。
B.具有浏览框的表单必须设置enctype="multipart/form-data"属性。
1.表单的作用(P19)
收集客户端的信息,然后提交给服务器。
2.表单的标记
<form name="名称" action="服务器页面URL" method="提交方式(post|get)">
....
</form>
说明:
A.action指服务器页面URL,一般为动态类型的文件(如jsp、php等)。
B.method指表单的提交方式
get,提交字符数较少;提交数据以"名/值"对形式
附加在URL地址栏。
post,提交字符数理论上无限制;提交数据将由
HTTP请求头部一起发送。
3.表单控件(表单元素)
3.1说明
A.所有表单控件必须赋予含义明确的名称
3.2单行文本框
<input type="text" name="名称" value="值" size="显示宽度" maxlength="最大长度"/>
3.3密码框
<input type="password" name="名称" value="值" size="显示宽度" maxlength="最大长度"/>
3.4单选框
<input type="radio" name="名称" value="值" checked="checked"/>
说明:
A.一组类型的单选框名称必须相同。
B.必须为单选框赋予有效提交值。
3.5复选框
<input type="checkbox" name="名称" value="值" checked="checked"/>
说明:
A.一组类型的复选框名称必须相同。
B.必须为复选框赋予有效提交值。
3.6 按钮
提交按钮
<input type="submit" value="值" name="名称"/>
取消按钮
<input type="reset" value="值" name="名称"/>
自定义按钮(其行为由JS控制)
<input type="button" value="值" name="名称"/>
3.7 列表框
<select name="名称" size="显示高度" multiple="multiple">
<optgroup label="分组名称">
<option value="值" selected="selected">...</option>
...
</optgroup>
....
</select>
说明:
A.multiple="multiple"属性可以控制是否多选。
B.必须为列表选项赋予有效提交值。
3.8 多行文本框
<textarea name="名称" rows="行数" cols="列数">值</textarea>
3.9 隐藏域
<input type="hidden" name="名称" value="值"/>
说明:隐藏域提交正确但无需用户干涉的信息。
3.10 浏览框
<input type="file" name="名称"/>
说明:
A.具有浏览框的表单,其提交方式只能为post。
B.具有浏览框的表单必须设置enctype="multipart/form-data"属性。