欢迎来到天天文库
浏览记录
ID:59418517
大小:404.00 KB
页数:53页
时间:2020-09-19
《HTML+CSS+JavaScript网页设计 第4章 HTML表单ppt课件.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第4章HTML表单本章概述本章的学习目标主要内容1本章概述表单是实现用户与网页之间数据交互的必要标签,通过在网页中添加表单可以实现诸如会员注册、用户登录、提交资料等交互功能。本章将主要讲解如何在网页中制作表单,并使用表单元素创建表单。2本章的学习目标了解表单的基本组成部分掌握
2、元素的用法3主要内容4.1表单概述4.2创建表单4.3组织表单结构4.4disabled与readonly控件4.5本章小结4.6思考和练习44.1表单概述表单是可以把浏览者输入的数据传送到服务器端的HTML标签元素,服务器端程序可以处理表单传过来的数据,从而完成与用户的各种交互动作网页上具有可输入表项及项目选择等控件所组成的栏目称为表单,其中包括各种对象,如文字输入框、单选按钮、复选框和提交按钮等。通俗地讲,表单就是一个将用户信息组织起来的容器。将需要用户填写的内容放置在表单容器中,当用户单击“提
3、交”按钮时,表单会将数据统一发送给服务器5表单概述几乎每当需要从网站访问者那里收集信息时,都需要使用“表单”。典型的表单应用场景有:登录、注册:登录时输入用户名和密码,单击“登录”按钮;注册时填写个人信息,提交到服务器。网上订单:在网上购买商品时,提交订单,输入个人信息和付款方式等。调查问卷:通常是一些选择题形式的问卷,回答这些问题,以便形成统计数据,进一步分析。网上搜索:输入关键字,搜索想要的信息或资源。6表单概述将表单数据发送给服务器时,会将其转换成“名称/值”对的形式。名称对应于表单控件的名称
4、,而值则是用户输入的内容或一个被选定选项的值。服务器接收到数据后,会处理数据并返回相应的结果。7主要内容4.1表单概述4.2创建表单4.3组织表单结构4.4disabled与readonly控件4.5本章小结4.6思考和练习84.2创建表单HTML中用于创建表单的标签是
5、包含其他标记,如段落、标题等。但是,它不能包含另外一个
6、到的信息将要传递到这个地址,这个地址可以是绝对地址,也可以是相对地址,还可以是其它形式的处理程序。例如,一个登录表单,用户输入的登录名和密码信息可能被传送到Web服务器中一个以ASP.NET编写的页面,叫做login.aspx,如果该页面与当前页面在同一目录,则可以使用相当地址:11method属性浏览器向服务器发送表单数据能够使用的有两种方法:HTTPget和HTTPpost。使用标签的method属性指定应该使用哪一种方法。该属性有两
7、个取值,分别对应两种方法:get:使用HTTPget方法向服务器发送表单数据,表单数据被附加在
8、档中应该是唯一的。name属性是id属性的前任,而且如id属性一样,其取值在文档内应该保持唯一。一种好的命名习惯是以字符frm作为表单的id和name属性值的起始,并使用值的剩余部分描述表单收集数据的类型——例如,frmLogin或frmSearch。13enctype属性如果使用HTTPpost方法向服务器发送数据,则可以使用enctype属性指定浏览器在将数据发送到服务器之前对其进行编码。浏览器通常支持如下3种类型的编码方式:application/x-www-f
此文档下载收益归作者所有