以下的一些示例演示了如何使用不同的控件标记:
单行编辑
“input”一词标识单行编辑区域。“name”字段为控件提供了一个用于 CGI 脚本的标识符,此标识符对于表单上的每个控件都应是唯一的。“size”字段指示表单上的输入区域的宽度(以字符为单位);“Maxlength”对输入区域内的最大字符数进行限制。“value”设置初始值。
Enter Name:<input name=andquot;Nameandquot; size=30 maxlength=50
value=andquot;Sampleandquot;>
通常,输入区域的前面是一段静态文本,用于标识输入字段的用途。此处显示的是静态文本“Enter Name:”。
可以添加值“type=int”,以便将输入限制为整数值。默认情况下,值的类型为“text”,可接受任何字符。
多行编辑
多行编辑区域与输入区域类似。你可定义该控件的名称,并定义其在表单上的大小(以行和列为单位)。你在 标记之前输入的任何内容都将作为默认值出现在控件中。
<textarea name=andquot;Company Addressandquot; cols=30
rows=4></textarea>
复选框
复选框是类型设置为“checkbox”的特殊形式的输入区域。
<input type=checkbox name=andquot;Includeandquot; 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=andquot;Optionandquot;>
<OPTION> Option 1
<OPTION> Option 2
<OPTION> Option 3
<OPTION> Option 4
</SELECT>
MULTIPLE 一词将创建多选功能。
专用按钮
下列标记将创建两个专用按钮,一个按钮用于向服务器提交表单,另一个按钮用于重置表单:
<INPUT TYPE=submit value=andquot;Submitandquot;>
<INPUT TYPE=reset value=andquot;Resetandquot;>
编辑推荐