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
单选按钮
......
性别: