- 1、本文档共5页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
HTML表单页面的基本结构本章开始讲解表单和框架,其中重点是如何使用表单中的各种元素.如何使用框架制作多窗框页面;难点是表单中的post方法和get方法的区别.窗口的target属性。为了能在一个页面中显示多个HTML文档.我们还要介绍框架。
网页学习网提示:html语言非常简单,不需要逻辑理解,而绝大部分朋友觉得它难以掌握,90%的原因在于英语单词不过关,所以每节记忆几个单词是非常有必要的。
热衷于上网的用户经常会在网上看到一些会员注册页面、购买某个商品收集信息页面、网上调查问卷页面、有哪些信誉好的足球投注网站工具页面等,这些页面是什么做的呢?我不敢 说完全是用表单做的,但我敢肯定至少包含有表单,所以表单主要用来收集客户端相关信息,使网页具有交互功能。本节主要讨论如何使用HTML来创建表单,然 后向表单中添加表单元素。
网页中的表单用途很广,而且还在不断发展。下面我们就列举一些典型的表单应用:
●?在用户注册某种服务或事件时收集姓名、地址、电话号码、电子邮件和其他信息。
●?为收集购买某个商品的订单信息。例如,如果想通过Intemet购买一本书,则必须填写姓名、联系电话、邮寄地址、付款方式和其他相关信息。
● 收集关于调查问卷信息。大部分提供服务性的网站都鼓励用户参与调查问卷,提供反馈信息。这些反馈信息除了维系良好的客户关系外,它还有助于改进和提高网站的服务质量,从而使网站的服务更具人性化,吸引更多的浏览者。
●?为网站提供有哪些信誉好的足球投注网站工具。提供各种信息的站点通常会为用户提供一个有哪些信誉好的足球投注网站框,使用户能够更快地找到想要的信息,如比较著名的有哪些信誉好的足球投注网站网站:谷歌(http://)、百度(http://)等。
如图1所示是网页上的一个典型表单。
图1 典型的表单
一、表单包含的控件
创建表单后,就可以在表单中放置控件以接受用户的输入。这些控件通常放在FORM/FORM标签对之间一起使用, 也可以在表单之外用来创建用户界面。在网上冲浪时,我们经常会见到一些常用的控件,例如:让用户输入姓名的单行文本框,让用户输入密码的密码框,让用户选 择性别的单选按钮以及让用户提交信息的提交按钮等。
不同的表单控件有不同的用途。如果要求用户输入的仅仅是一些文字信息,如“姓名”、“备注”、“留言”等,一般使用单行文本框或多行文本框;如果要 求用户在指定的范围内做出选择,一般使用单选按钮、复选框和下拉列表框,如图1中“性别”、“爱好”、“出生日期”中的月份选择等常采用这些控件。如果要 把填写好的表单信息提交给服务器,一般使用“提交”按钮,如图3.1中的“同意以下服务条款,提交注册信息”按钮。除此之外,还有一些不太常用的表单控 件,在这里就不一一列举了。?
二、表单页面的基本结构
FORM标签用于在网页中创建表单区域,属于一个容器标签,表示其他表单标签需要在它的包围中才有效,INPUT便是其中的一个。用以设定各种输入资料的方法,其属性见下表。
属 性
说 明
action
此属性指示服务器上处理表单输出的程序。一般来说,当用户单击表单上的“提交”按钮后,信息发送到Web服务器上,由action属性所指定的程序处理。语法为:action= URL
method
此属性告诉浏览器如何将数据发送给服务器,它指定向服务器发送数据的方法(用post方法还是用get方法)。如果值为 get,浏览器将创建一个请求,该请求包含页面URL、一个问号和表单的值。浏览器会将该请求返回给URL中指定的脚本,以进行处理。如果将值指定为 post,表单上的数据会作为一个数据块发送到脚本,而不使用请求字符串。语法为:method= (getl post)
使用post方法将表单提交给processform程序处理,代码如示例1所示。
示例1:
FORM name=form1 method=post action=/processformP名字:? INPUT name=name type=text class=input id=fname/PP密码:? INPUT name=pass type=password class=input id=pass/PP? INPUT type=submit name=Button value=提交? INPUT type=reset name=Reset value=重填 /P/FORM
在示例1中,若把method=”post”改为method=”get’就变成了使用get方法将表单提交给processform程序处理。这两种方法都是将表单数据提交给服务器上指定的程序进行处理,那有什么区别呢?
先让大家看看采用post和get方法提交表单信息后浏览器地址栏的变化,如图2和图3所示。在“名字”和“密码”标签后,分别输入用户名和密码, 然后单击“提交”按钮。采用pos
您可能关注的文档
最近下载
- 绘本故事-我不知道我是谁.ppt
- 2025年北京市高考英语 高频考点短语(学生版+解析版) .docx
- 广汽丰田-凯美瑞(第8代混合动力版)-产品使用说明书-2.5HQ 旗舰版 -GTM7250CHEVGM-CAMRYHYBRID_OM_01999-06103_01-1712-00.pdf
- 新质生产力驱动下物流企业高质量发展路径分析.docx VIP
- 边坡挂网喷射混凝土支护施工方案.doc
- 创新创业教育计划书.pptx VIP
- 2024年高中历史学业水平测试及答案.pdf VIP
- 农业科技大棚工程方案(3篇).docx
- 幼儿园成语故事《刮目相看》PPT课件.pptx VIP
- 幼儿园成语故事《熟能生巧》PPT课件.pptx VIP
文档评论(0)