MENU 服务 案例
欧博官网
中文 EN
我们通过拥抱变化创造
360°的品牌价值__
关于
上海市欧博官网督畔信息技术有限公司介绍
上海市欧博官网督畔信息技术有限公司优势
产品标准
知名客户
发展历程
企业资质
工作环境
案例
科研院所
企业集团
学校教育
营销推广
平台门户
大数据
移动端案例
服务 方案

网站建设

企业集团网站建设 平台门户网站建设 政府事业网站制作 业务系统定制开发

小程序

移动互联网

APP开发IOS/安卓 微信小程序介绍 微信小程序开发 H5交互设计制作

网络营销

搜索引擎优化推广 形象视觉基础系统 网站代运维服务 小程序运营服务

VI设计

logo设计 画册设计 海报设计 应用设计
方案
高校集群解决方案
强军网建设解决方案
政府政务解决方案
智慧展会解决方案
科研领域解决方案
智慧景区解决方案
新闻
上海市欧博官网督畔信息技术有限公司动态
网站建设
网站开发
营销推广
网站维护
ICP备案
城市新闻
简体
简体中文 English

上海市欧博官网督畔信息技术有限公司与山东真诺智能设备有限公司签署网站改版合作协议

类型：上海市欧博官网督畔信息技术有限公司动态 了解更多
首页/ 新闻/ 网站建设 /正文

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

来源：上海市欧博官网督畔信息技术有限公司中国| 类型：网站百科| 时间：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所示。
按钮
普通按钮可用于任何地方，提交按钮只用于表单的提交。
来源声明：本文章系上海市欧博官网督畔信息技术有限公司中国编辑原创或采编整理，如需转载请注明来自上海市欧博官网督畔信息技术有限公司中国。以上内容部分(包含图片、文字)来源于网络，如有侵权，请及时与本站联系（021-71886699）。
上一篇：网站制作教程之JavaScript基本格式 下一篇：网站制作教程之如何创建表格
TAG标签：

建站流程

  • 网站需求

  • 网站策划方案

  • 页面设计风格

  • 确认交付使用

  • 资料录入优化

  • 程序设计开发

  • 后续跟踪服务

  • 联系电话

    021-71886699

热门标签

最新文章

推荐新闻

更多行业
如果您的网站可以增加转化次数并提高客户满意度，该怎么办？
我们可以实现

预约专业咨询顾问沟通！

*上海市欧博官网督畔信息技术有限公司专业顾问将尽快与您联系
城市分站：
Copyright © 2024 欧博官网官网督畔信息技术有限公司 版权所有　|　沪ICP备2024077037号-5 上海市欧博官网督畔信息技术有限公司专注高端网站建设，系统平台开发，微信小程序及APP开发服务

免责声明

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

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

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

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

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

联系方式：021-71886699
电子邮件：394588593@qq.com

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

  • 全国服务热线

    71886699

  • 上海服务热线

    021-71886699

信息保护中请放心填写
在线咨询

免责声明

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

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

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

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

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

联系方式：021-71886699
电子邮件：394588593@qq.com