欢迎来到天天文库
浏览记录
ID:27482190
大小:966.00 KB
页数:18页
时间:2018-12-04
《【网页设计】【html+css】【第7章 表单】》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、·80·第7章表单网页中的表单可以用来收集用户填写的信息,如某网站的问卷调查、网站的注册会员等都会用到表单。表单可以说是个容器,里面的类型不同,所表示的功能也不同。表单容器里面的表单元素,其中有文本框、密码框、单选框、复选框等,通过标记体现它们的功能。在本章中,将会学到以下知识: 表单和表单元素 文本框和密码框 表单 单选框和复选框 按钮 下拉框和文本域7.1表单基本语法表单是一个能够包含表单元素的容器,表单元素是能够让用户在表单中输入信息的元素,可以这样说,表单里面包含表单元素。表单在动态网页中常用,用来收集用户的信息,保存到数据库中。表单语法是由一
2、对
3、od,form中的action是表示表单提交后发送的URL地址,发送的方式用method表示,可选择的参数有GET和POST。GET传输·81·量比较小,而POST传输值比较大,这是二者最基本区别。现在可以知道,一个表单除了要用表单元素外,还会用到这两个属性来传值,值是传给URL地址的后台,处理后保存到数据库,本书中只讲解前台页面知识。代码7.2是表单的完整实例。代码7.2表单两属性源代码第7章表单两属性.htm
4、="show.aspx"method="get">代码7.2表示在网页中的表单上,有两个输入框和一个按钮,当单击“提交”按钮后,表单中的信息通过表单元素收集值,然后通过GET方法传到show.aspx(本页面是.net的动态页)页面。本书只讲解前台部分知识,图7.1就是上述代码的页面效果。图7.1表单ac
5、tion和method注意:action后面的值因动态语言不同而后缀不一样。Method的值只能是GET和POST的一种。在上面的实例中可以看到,在表单里面用到语法,表示在表单中输入选项,完整的语法代码如下:其中#代码可选项,text、password、checkbox、radio、hidden、submit和reset。分别代·82·表:文本、密码、多选框、单选框、隐藏、提交按钮和重置按钮,这就是上面常讲到的表单元素。有关的部分选项值,稍后做出详细讲解。注意:与php、aspx、jsp等为后缀的
6、动态网页结合,所用动态语言不同,但用表单和表单元素都相同的。7.2文本框和密码框通过上一节的学习,知道了表单元素,现在开始学习表单元素的部分类型。在网页中常常看到用户输入帐号和密码之类的信息,现在学习的正是如何来定义文本框和密码框。7.2.1文本框在中,用type来表示要选择的类型,文本框是用来输入文本信息的,可以输入汉字、数字和字母等,完整语法代码如下:上面就代表一行输入文本的输入框,供用户输入信息,关键地方是在type后面选择text,正好代表文本,从页面表现的效果正是用户在登录时的那些输入格式,代
7、码7.3所表示的是文本框完整代码。代码7.3文本框表示源代码第7章文本框.htm
此文档下载收益归作者所有