html 表单 讲课ppt,html表单讲义.ppt

HTML(表单)

上节回顾

图片和多媒体文件的使用

预习检查

表单中一般包括哪些常用的表单元素？

按钮和复选框的应用场合？

本章任务

制作“注册”表单页面

本章目标

使用各种表单元素实现注册页面

表单的典型应用

为什么使用表单

用户登录/注册

收集用户反馈信息

提供搜索工具

单行文本框(text)

单选按钮(radio)

复选框(checkbox)

下拉列表(select)

重置按钮

(reset)

提交按钮(submit)

密码框(password)

常见的表单元素

文本域(textarea)

… 文本框、按钮等表单元素…

表单的基本语法2-1

指定提交后，由服务器上哪个处理程序处理

指定向服务器提交的方法：

一般为post或get方法,

post方法比较安全

表单的基本语法2-2

……

用户名：

密  码：

……

表单输入元素：input

表单提交地址和方法的设置

表单的典型应用：假定登录 126 邮箱

表单的执行原理

1

2

客户端：请求登录，通过表单填写账户信息

服务器端：验证发来的账号信息，然后给出反馈

客户端和服务器类似两人沟通一样，从而建立交互活动

maxlength="最大长度" checked="是否选中" />

指定元素的类型，可为text、radio、submit等

控件的名称

控件的初始值

控件的初始宽度

控件中输入的最多字符个数

控件是否被选中checked

表单元素的基本格式

文本框

用户名：

……

表单元素的逐一介绍8-1

单行文本输入框，字符宽度为21

name用于服务器端获取数据，例如：request.getParameter("userName ")

size= "数字“/>

密码框

密  码：

……

表单元素的逐一介绍8-2

隐藏输入的信息

size="数字">

按钮

......

……

表单元素的逐一介绍8-3

src="图片按钮的图片url">

普通按钮：button

提交按钮：submit

重置(清空)按钮：reset

图片按钮：image

单选按钮

......

性别：