接上:
2.1.3 HTML表单标签与表单设计
表单是用户与服务器交互的主要方法,用户在表单中输入数据,提交给服务器程序来处理。
(1)表单的组成:
文本框(text),密码框(password),多行文本框(Multiline text box)、
单选按钮框(Single - radio copy box),复写框(Carbon frame),文本域(text field),隐藏(hidden)
下拉菜单/列表(Drop down menu list)、按钮(buttom)等元素。。。
(2)<form> 和</form>标记及其属性
它包括:name,method,action,target等属性
语法格式:
<form name="表单名称" method="提交方法" action="处理程序">
.......
</form>
(3)<input>标记及其属性
(它必须嵌套在表单标记中使用,用于定义一个用户的输入项,它是单标记)
基本语法:
<input name="输入域名成" type="域类型" value="输入域的值">
注意:<input>标记主要有6个属性:type,name,size,value,maxlength,check。
其中,name和type是必选的两个属性,name属性的值是响应程序(由form标记中的action属性指定)中的变量名。
(4)input输入域的九种类型
4.1 文本域:
<input type="text" name="文本字段名称" maxlength="" size="" value="">
含义:size和 maxlength是用来定义次区域显示的尺寸大小与输入的最大字符数;
4.2密码域:
<input type="passord" name="密码字段的名称" size="" maxlength="" value="">
含义:当用户输入密码时,区域内将会显示“ * ”号代替用户输入的内容.
4.3单选按钮:
<input type="radio" name="" value="" checked/>
含义:check的属性用来设置改单选按钮默认状态是否被选中,当有多个互斥的单选按钮时,设置相同的name值.
4.4复选框:
<input type="checkbox" name="" value="" checked/>
含义:check的属性用来设置改单选按钮默认状态是否被选中,当有多个互斥的复选框时,可设置相同的name值,
也可以设置不同的name值。
4.5提交按钮:
<input type="submit" name="" value=""/>
含义:将表单内容提交给服务器的按钮
4.6取消按钮:
<input type="reset" name="" value=""/>
4.7图像按钮:
<input type="image" src="图片"/>
含义:使用图像代替submit按钮,图像的源文件名由src属性指定
4.8文件域:
<input type="file" name="" maxlength=""/>
含义:上传文件
4.9隐藏域:
<input type="hidden" name="" value=/>
含义:用户不能在其中输入信息,用来预设某些要传递的信息