创建真实表单
一个真实的表单将由各种输入区域组成,并且需要在脚本中编写一些代码来撤销字符映射并解析出各个字符串。让我们首先看看表单上的标准输入控件。它们包括
- 单行文本输入
- 多行文本输入
- 选择列表
- 复选框
- 单选按钮
- 用于提交或清除表单的专用按钮
您可以像在其他任何页面上一样,将这些控件与其他静态文本和图形结合起来使用。
广告
以下是演示不同控件标签用法的几个示例
单行编辑
“input”这个词标识一个单行编辑区域。“name”字段为CGI脚本提供了控件的标识符,并且对于表单上的每个控件都应该是唯一的。“size”字段表示表单上输入区域的宽度(以字符为单位)。“Maxlength”限制了输入区域的最大字符数。“Value”设置了一个初始值。
Enter Name: <input name="Name" size=30 maxlength=50 value="Sample">
通常,输入区域前面有一段静态文本,用于标识输入字段的用途。此处显示的是静态文本“输入姓名:”。
您可以添加值“type=int”将输入限制为整数值。默认情况下,类型为“text”,它接受任何字符。
多行编辑
多行编辑区域与输入区域类似。您为控件定义一个名称,并以行和列的形式定义其在表单上的大小。您在</textarea>标签之前放置的任何内容都将作为默认值出现在控件中。
<textarea name="Company Address" cols=30 rows=4></textarea>
复选框
复选框是输入区域的一种特殊形式,其类型设置为“checkbox”。
<input type=checkbox name="Include" value=1>
如果复选框被选中,则返回该值。
单选按钮
单选按钮与复选框类似,但它们在视觉上是组合在一起的
Choose the search area:<br> <input type=radio CHECKED name=universe value=US-STOCK> Stocks <input type=radio name=universe value=CA-STOCK> Canadian Stocks <input type=radio name=universe value=MMF> Money Markets <input type=radio name=universe value=MUTUAL> Mutual Funds
请注意,默认单选按钮可以标记为CHECKED。另请注意,同一组中的所有单选按钮具有相同的名称。
选择列表
选择列表为用户提供了多种选项。选择列表的标签允许您在“size”字段中指定可见行数,以及所有选项的值。
Select an Option<br> <SELECT size=2 NAME="Option"> <OPTION> Option 1 <OPTION> Option 2 <OPTION> Option 3 <OPTION> Option 4 </SELECT>
MULTIPLE这个词创建了多选功能。
专用按钮
以下标签创建了两个专用按钮,一个用于将表单提交到服务器,一个用于重置表单
<INPUT TYPE=submit value="Submit"> <INPUT TYPE=reset value="Reset">