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

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

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

标题名称:网站建设教程之如何创建表单
当前地址:/news14/233264.html

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

广告

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

成都定制网站网页设计