网站建设教程之如何创建表单
表单用<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所示。

推荐新闻
更多行业-
如何让wordpress主题右下角弹出jquery公告
北京网站建设公司尚品中国:在HotStyle主题在集成了右下角弹出最新...
2012-02-23 -
北京网站设计与优化存在怎样的关系介绍
北京一个好的网站设计会引起广泛的认同和共鸣,很大程度上是因为它能显著提...
2022-02-28 -
浅析百度的不安分
群里很是热闹,大家的站在这段时间内好像都受到了百度的影响。大家看到这个...
2012-06-28 -
建设响应式网站好不好?有哪些优势
根据网上客户的体验,由于越来越多的人使用移动设备进行搜索,坐在电脑桌前...
2020-12-08 -
移动互联网时代,谁能“笑傲江湖”
谈起笑傲江湖,相信有武侠情结的人,都会在年少之时,想过做令狐冲一样...
2015-01-12 -
网建公司教你如何安全注册网站域名
每个网站都有自己的域名,就像每个人都有自己的名字一样,网站的域名对网站...
2021-03-18
预约专业咨询顾问沟通!
免责声明
非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:010-60259772
电子邮件:394588593@qq.com