表单是浏览器和服务器交流的数据入口,表单在浏览器中是一个包含网站建设表单属性的区域,表单属性是能够让用户在表单中输入各种类型信息的属性(比如文本框、密码框、下拉列表、单选按钮、复选框等)。
表单用<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所示。
普通按钮可用于任何地方,提交按钮只用于表单的提交。
表单用<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所示。
