网站建设教程之如何创建表单

表单用<form>定义，例如下列代码定义了一个文本框表单：

将以上代码保存为“form.htm"，在浏览器中打开，结果如图1.10所示。

表单本身并不可见。另外，在多数浏览器中，文本框的宽度默认是20个字符。

最常用的表单标签是<input>。Input的类型用type属性指定。最常用的input类型解释如下。

1、单选按钮

将以上代码保存为“radio.htm"，用浏览器打开，结果如图1.11所示。

单选按钮，指多个选择框，但只能选择其中一个。

2、复选框

将以上代码保存为“checkbox.htm"，用浏览器打开，结果如图1.12所示。复选框，指可以选择多个。

3、密码框

将以上代码保存为"password.htm "，用浏览器打开，结果如图1.13所示。

4、下拉列表

将以上代码保存为“select.htm"用浏览器打开，结果如图1.14所示。

5、预选下拉列表

将以上代码保存为“selected.htm"，用浏览器打开，结果如图1.15所示。

在option中添加“selected "，表示为预先选择该顶。这样下拉列表中默认选中的是该项。

6、文本域

将以上代码保存为"textarea.htm"，用浏览料打开，结果如图1.16所示。其中的rows属性指行数，cols指一行显示多少个字(英文)。

7、按钮

将以上代码保存为"submit.htm" ，用浏览器打开，结果如图1.17所示。

普通按钮可用于任何地方，提交按钮只用于表单的提交。