表单标记
在HTML语言中,表单通过FORM标记来定义。
Form标记具有以下属性:
Name = 表单的名称。命名表单后,可以使用脚本语言来引用或控制该表单。
Method = 表单数据传输到服务器的方法。
其取值如下:
post:在HTTP请求中嵌入表单数据
get:将表单数据附加到请求该页的URL中
注意:若要使用get方法发送,URL的长度应限制在8192个字符以内。如果发送的数据量太大,数据将被截断,从而导致意外的或失败的处理结果。此外,在发送用户名和密码、信用卡号或其他机密信息时,不要使用get方法,而应使用post方法。
Action = 接收表单数据的服务器端程序或动态网页的URL地址。
Target = 目标窗口
其取值如下:
_Blank:在未命名的新窗口中打开目标文档。
_parent:在显示当前文档的窗口的父窗口中打开目标文档。
_self:在提交表单所使用的窗口中打开目标文档。
_top:在当前窗口内打开目标文档,确保目标文档占用整个窗门。
在一个网页中可以创建多个表单,每个表单都可以包含各种各样的控件,例如文本框、单选按钮、复选框、下拉菜单以及按钮等。但表单不能嵌套使用。
Form标记具有以下事件:
OnSubmit = 提交表单时调用的事件处理程序
OnRest = 重置表单时调用的事件处理程序
(2) 表单输入控件标记
为了让用户通过表单输入数据,表单中可以使用Input标记创建各种输入型表单控件。表单控件类型通过Input标记的Type属性设置,包括单行文本框、密码文本框、复选框、单选按钮、文件域以及按钮等。
1) 单行文本框。在表单中添加单行文本框可以获取站点访问者提供的一行信息。创建单行文本框方法如下:
属性
Name = 单行文本框的名称,通过它可以在脚本中引用该文本框控件。
Value = 文本框的值
DefaultValue = 文本框的初始值
Size = 文本框的宽度(字符数)
MaxLength = 允许在文本框内输入的最大字符数。用户输入的字符数可以超过文本框的宽度,这时系统会将其滚动显示,但输入的字符数不能超过输入的最大字符数。
Form = 所属的表单(只读)
方法
Click():单击该文本框
Focus():得到焦点
Blur():失去焦点
Select():选择文本框的内容
事件
OnClick = 单击该文本框执行的代码
OnBlur = 失去焦点执行的代码
OnChange = 内容变化执行的代码
OnFocus = 得到焦点执行的代码
OnSelect = 选择内容执行的代码
例如:
用户名:
2) 密码文本框。密码文本框也是一个单行文本框。当站点访问者在这个框中输入数据时,大部分的Web浏览器都会以星号显示密码以不让别人看到输入内容。创建密码文本框方法
如下:
其中的属性、方法和事件与单行文本框基本相同。但它没有OnClick事件。
如果要求站点访问者输入密码后才能进入站点,则应在其表单中添加密码文本框。
3) 隐藏域。表单中添加隐藏域站点使访问者不能看见隐藏域的信息,每一个隐藏域都要有自己的名称和值。例如,如果有许多使用相同自定义处理程序的表单,则可以利用独特的名称或数字作为隐藏域的名称来区分各个表单。创建隐藏域方法如下:
与单行文本框相比,它没有DefaultValue属性。
当提交表单时,隐藏域的名称和值将与可见表单域的名称和值一起包含在表单结果中。
4) 复选框。在表单中添加复选框可以让站点访问者去选择一个或多个选项或不选项。创建复选框的方法如下:
选项文本
属性
Name = 复选框的名称
Value = 选中时提交的值
Checked:设置当第一次打开表单时该复选框处于选中状态。该复选框被选中时,值为true,否则为false。该属性是可选的。
DefaultChecked:判断复选框是否定义了Checked属性。若定义了Checked属性,则DefaultChecked为true,否则为false。
方法
Focus():得到焦点
Blur():失去焦点
Click():单击该复选框
事件
OnFocus = 得到焦点执行的代码
OnBlur = 失去焦点执行的代码
OnClick = 单击该复选框执行的代码
当提交表单时,假如复选框被选中,它的内部名称和值都会包含在表单结果中。否则,只有名称会被纳入表单结果中,值则为空白。
例如:
签字笔
钢笔
圆珠笔
5) 单选按钮。在表单中添加单选按钮可以让站点访问者从一组选项中选择其中之一。在一组单选按钮中,一次只能选择一个。创建单选按钮方法如下:
选项文本
其属性如下:
Name = 单选按钮的名称,若干个名称相同的单选按钮构成一个控件组,在该组中只能选中一个选项。
Value = 提交时的值
Checked:设置当第一次打开表单时该单选按钮处于选中状态。该属性是可选的。
单选按钮的方法和事件与复选框基本相同。
当提交表单时,该单选按钮组名称和所选取的单选按钮指定值都会包含在表单结果中,如果没有任何单选按钮被选取,组名称会被纳入表单结果中,值则为空白。
例如:
教师
学生
公务员
医生
6) 按钮。使用Input标记可以在表单中添加3种类型的按钮:提交按钮、重置按钮和自定义按钮。创建按钮的方法如下:
属性
Type = submit:创建一个提交按钮。在表单中添加提交按钮后,站点访问者就可以在提交表单时,将表单数据(包括提交按钮的名称和值)以ASCII文本形式传送到由表单的Action属性指定的表单处理程序。一般来说,表单中必须有一个提交提交按钮。