HTML基础02

一、表单

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"属性。