喜报!尚品中标中建二局第三建筑工程有限公司官网建设项目

类型:官网建设 了解更多

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

来源:尚品中国| 类型:网站百科| 时间: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-60255689)。
TAG标签:

免责声明

非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。

1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。

2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。

3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。

4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!

联系方式:010-60255689
电子邮件:394588593@qq.com

现在就与专业咨询顾问沟通!

北京010-60259772

天津022-58793660

信息保护中请放心填写
微信咨询:
北京
北京
天津
天津
咨询

免责声明

非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。

1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。

2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。

3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。

4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!

联系方式:010-60255689
电子邮件:394588593@qq.com