网站建设
移动互联网
品牌设计
创新应用
新闻动态
网站百科

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

时间:2015-12-12 来源:尚品中国 类型:网站百科
字号:   

表单是浏览器和服务器交流的数据入口,表单在浏览器中是一个包含网站建设表单属性的区域,表单属性是能够让用户在表单中输入各种类型信息的属性(比如文本框、密码框、下拉列表、单选按钮、复选框等)。

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


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

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

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

1、单选按钮

单选按钮代码

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

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

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所示。
按钮
普通按钮可用于任何地方,提交按钮只用于表单的提交。


现在就与尚品中国项目顾问通话

010-60259772

请提供您的联系电话,尚品中国项目经理会尽快与您联系。