网站建设教程之如何创建表单
来源：尚品中国|
类型：网站百科
|时间：2015-12-12
表单是浏览器和服务器交流的数据入口，表单在浏览器中是一个包含网站建设表单属性的区域，表单属性是能够让用户在表单中输入各种类型信息的属性(比如文本框、密码框、下拉列表、单选按钮、复选框等)。
表单用<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所示。
来源声明：本文章系尚品中国编辑原创或采编整理，如需转载请注明来自尚品中国。以上内容部分(包含图片、文字)来源于网络，如有侵权，请及时与本站联系（010-60259772）。
TAG标签：
推荐新闻
更多行业-
宣传册和用纸都有哪些规格？
1、最常规的宣传册印刷尺寸，适合绝大多数企业和场景：A4大小，210X...
2018-03-15 -
计算机的分类
按照计算机的规模，通常把计算机分为微型机、中型机、大型机以及超级计算机...
2014-06-16 -
品牌网站设计：提供创意设计和完善功能
当涉及到展示独特品牌和吸引力产品时，创意设计和完善功能确实是关键因素。...
2023-12-07 -
网站建设中优秀的软文是怎么做出来的？
众所周知，精彩营销网站的建设从来都离不开精彩的软文。在营销网站的建设过...
2021-05-31 -
改进电子商务网站建设的途径
为了让人们的职业生涯更加便捷，和友网络网站建设公司认为网站也是如此。要...
2021-02-19 -
创意型网站设计需要注意的事项有哪些？
现在互联网行业中网站建设业务规模发展很快，网站建设的设计需求和网站风格...
2018-08-28
如果您的网站可以增加转化次数并提高客户满意度，该怎么办？
预约专业咨询顾问沟通！
Copyright © 2025 恒久尚品 版权所有 | 京ICP备09066521号
| 公安机关备案号:11011502003910
免责声明
诚信企业
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
免责声明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60259772
电子邮件：394588593@qq.com
