【网页设计】【html+css】【第7章 表单】

【网页设计】【html+css】【第7章 表单】

ID:27482190

大小:966.00 KB

页数:18页

时间:2018-12-04

【网页设计】【html+css】【第7章 表单】_第1页
【网页设计】【html+css】【第7章 表单】_第2页
【网页设计】【html+css】【第7章 表单】_第3页
【网页设计】【html+css】【第7章 表单】_第4页
【网页设计】【html+css】【第7章 表单】_第5页
资源描述:

《【网页设计】【html+css】【第7章 表单】》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、·80·第7章表单网页中的表单可以用来收集用户填写的信息,如某网站的问卷调查、网站的注册会员等都会用到表单。表单可以说是个容器,里面的类型不同,所表示的功能也不同。表单容器里面的表单元素,其中有文本框、密码框、单选框、复选框等,通过标记体现它们的功能。在本章中,将会学到以下知识:表单和表单元素文本框和密码框表单单选框和复选框按钮下拉框和文本域7.1表单基本语法表单是一个能够包含表单元素的容器,表单元素是能够让用户在表单中输入信息的元素,可以这样说,表单里面包含表单元素。表单在动态网页中常用,用来收集用户的信息,保存到数据库中。表单语法是由一

2、对

标签对组成。
在上面的表单中就可以包含表单元素,用表单元素添加信息,不同的表单元素所表现的功能不一样,如input输入类型有text、password等等,分别输入的是文本和密码,下一节会讲到表单元素,代码7.1是表单的基本用法。代码7.1表单基本语法源代码第7章表单基本语法.htm表单基本语法
表单有两个属性会常用到,就是action和meth

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文本框文本框:上面代码的文本框,标记为,参数type表示框中的类型,在此输入的是text,表示文本框。代码的浏览效果如图7.2所示。·83·图7.2文本框注意:文本框的上限是255个字元。在里面还有很多属性,本节不打算介绍,现在

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。