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

2023-01-29 分类：网站建设

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

普通按钮可用于任何地方，提交按钮只用于表单的提交。

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站建设等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容