第3章 输入PPT课件

❖ 注意：多个form元素之间不能嵌套。
Java Web开发教程：入门与提高篇（JSP+Servlet）
3.3.3 实例
处理 文件
请求 方式
提交的时候 进行验证
Java Web开发教程：入门与提高篇（JSP+Servlet）
3.4 对输入信息进行验证
❖ 3.4.1 JavaScript语言 ❖ 3.4.2 使用表单数据 ❖ 3.4.3 调用验证方法 ❖ 3.4.4 提示用户信息 ❖ 3.4.5 常用的方法 ❖ 3.4.6 正则表达式 ❖ 3.4.7 实例
第3
Java Web开发教程：入门与提高篇（JSP+Servlet）
目标
❖ 掌握Java Web应用的输入方式； ❖ 掌握常用的表单元素的用法； ❖ 掌握使用JavaScript进行常见的客户端验证。
Java Web开发教程：入门与提高篇（JSP+Servlet）
主要内容
❖ 输入方式 ❖ 常用表单元素 ❖ 使用Form元素 ❖ 对输入信息进行验证
Java Web开发教程：入门与提高篇（JSP+Servlet）
3.3.1 使用form元素封装要提交的 信息
❖ 基本格式：
<form name="form1" action="目标文件" method="post|get"> 各种表单元素
</form> ❖action指出提交给哪个文件进行处理，如果action为空pe属性的值是“radio”，而复 选框对应的type属性的值是“checkbox”。
复选框能选择多个。
Java Web开发教程：入门与提高篇（JSP+Servlet）
3.2.5 下拉框
❖ 下拉框的基本格式：
<select name="下拉框的名字" [multiple] [size=n]>
3.2.6 文本域
❖ 基本格式：
<textarea rows="8" name="名字" cols="40">默 认值</textarea>
❖ 注意：文本域不是通过value属性赋值，而是 把值写在开始标志和结束标志之间。
Java Web开发教程：入门与提高篇（JSP+Servlet）
3.2.7 重置按钮
<option value="值1" [selected]>值1</option> <option value=“值2” [selected]>值2</option> ... <option value="值n" [selected]>值n</option> </select>
Java Web开发教程：入门与提高篇（JSP+Servlet）
Java Web开发教程：入门与提高篇（JSP+Servlet）
3.2.3 单选按钮
❖ 基本格式如下：
<input type="radio" name=“名字" value=“值">显 示的信息
❖ 注意两点：
一组单选按钮的名字必须相同，但是值不同。 单选按钮的值与用户看到的在界面上显示的信息
没有关系。
❖ 基本格式
<input type="reset" value="重置">
❖ 注意：重置按钮并不是清空所有的信息，而 是把所有的元素恢复到默认值。
Java Web开发教程：入门与提高篇（JSP+Servlet）
3.2.8 提交按钮
❖ 提交按钮的基本格式如下：
<input type="submit" value="提交">
，则提交给当前文件进行处理 ❖method属性指定表单提交的方式，有两种可选的方式
post和get，通常采用post方式。
❖ 所有要输入的信息都位于form元素内部
Java Web开发教程：入门与提高篇（JSP+Servlet）
3.3.2 同一个页面中的多个form
❖ 同一个页面中可以有多个form，相互独立
❖ 3.2.5 下拉框 ❖ 3.2.6 文本域 ❖ 3.2.7 重置按钮 ❖ 3.2.8 提交按钮
Java Web开发教程：入门与提高篇（JSP+Servlet）
3.2.1 单行文本框
❖ 基本语法格式如下：
<input type="text" name="输入信息的名字" value="输入信息的值">
❖ 这里主要关注如何使用JavaScript进行验证。
Java Web开发教程：入门与提高篇（JSP+Servlet）
3.4.1 JavaScript语言
❖ 在Web应用中需要在客户端执行的功能可以 使用JavaScript语言编写
❖ 基本结构：
<script language="JavaScript"> 相关JavaScript代码
</script>
Java Web开发教程：入门与提高篇（JSP+Servlet）
3.2.4 复选框
❖ 相同点：
成组出现。 同一组复选框或者单选按钮的名字相同。 必须指定值。 选择哪一个选项，得到的是这个选项对应的值。 每个选项的值和显示给用户看的信息是独立的。
Java Web开发教程：入门与提高篇（JSP+Servlet）
Java Web开发教程：入门与提高篇（JSP+Servlet）
3.2.9 实例
❖ 参考书中实例。
Java Web开发教程：入门与提高篇（JSP+Servlet）
3.3 使用form元素
❖ 3.3.1 使用form元素封装要提交的信息 ❖ 3.3.2 同一个页面中的多个form ❖ 3.3.3 实例
❖ 例：注册功能中输入用户名的文本框
<input type="text" name="username">
Java Web开发教程：入门与提高篇（JSP+Servlet）
3.2.2 密码框
❖ 基本格式如下：
<input type=“password” name=“名字” value=“值 ">
❖ 注意：只要是设置密码就应该让用户输入两 遍密码
Java Web开发教程：入门与提高篇（JSP+Servlet）
3.1 输入方式
❖ 通过浏览器的地址栏 ❖ 通过超链接或者按钮 ❖ 通过表单提交
Java Web开发教程：入门与提高篇（JSP+Servlet）
3.2 常用表单元素
❖ 3.2.1 单行文本框 ❖ 3.2.2 密码框 ❖ 3.2.3 单选按钮 ❖ 3.2.4 复选框