一、form表单基本使用

  • <form>标签可创建一个表单,属性如下：

  • <form>标签子标签可以有如下：
  1. <input> ： 用于搜集用户信息。　　　　

　　　　　　<input>标签中有很多属性，如下：

　　　　　　　　　　（1）type属性：规定input的类型。type属性有多个值，如下表格：

　　　　　　　　　　　　　　

　　　　　　　　　　　　（2）name ：注释：只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

　　　　　　　　　　　　（3）maxlength ：输入字段中的字符的最大长度。

　　　　　　　　　　　　（4）min ：输入字段中的字符的最短长度。

　　　　　　　　　　　　（5）value ：规定 input 元素的值。

　　　2.<select>标签： <select>中的子标签 <option>标签用于定义列表中的可用选项。属性如下：

　　　　　　（1）size属性：规定下拉列表中可见选项的数目。

如果 size 属性的值大于 1，但是小于列表中选项的总数目，浏览器会显示出滚动条，表示可以查看更多选项。
 
　　3.<textarea>:多行文本标签.属性如下：

　　　　　　（1）cols： 设置文本的列数。
　　　　　（2）rows： 设置文本的行数。
 

1.1 静态页面中的form表单

<!doctype html>

<html>

	<head>

		<title>表单测试</title>

		<meta http-equiv="content-type" content="text/html;charset=UTF-8">

	</head>

	<body>

		<form >

			用户名:<input type="text"  maxlength="8" min="3" value="f"/><br/>    //maxlength设置最大长度，min设置最小长度，value在这里设置默认值即页面加载之后显示在本行的值
　　　　　　　　　　	密码:<input type="password"  /><br/>

			性别：<select size="1" name="sex">   　　　　　　　　　　　　　　　　//设置可见选项的数目

					<option >男</option>

					<option >女</option>

				</select><br/>

			描述:<textarea rows="5" cols="10" >	</textarea >

			<input type="submit">

		</form>

	</body>

</html>
结果：

　　1.2 与servlet结合的表单。

  • 表单文件：form.html:

　　

<!doctype html>

<html>

	<head>

		<title>表单测试</title>

		<meta http-equiv="content-type" content="text/html;charset=UTF-8">

	</head>

	<body>

		<form action="../servlet/form" method="post" >

			用户名:<input type="text" name="userName" maxlength="8" min="3" value="f"/><br/>

			密码:<input type="password" name="userPass" /><br/>

			性别：<select size="1" name="sex">

					<option value="m">男</option>

					<option value="f">女</option>

				</select><br/>

			描述:<textarea rows="5" cols="10" name="desc">	</textarea >

			<input type="submit">

		</form>

	</body>

</html>

form.java文件如下：

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

		request.setCharacterEncoding("UTF-8");

		response.setCharacterEncoding("utf-8");

		String name=(String)request.getParameter("userName");

		String sex=(String)request.getParameter("sex");

		String desc=(String)request.getParameter("desc");

		System.out.println(name);

		System.out.println(sex);

		System.out.println(desc);

	}

配置文件如下：

  <servlet>

    <servlet-name>form</servlet-name>

    <servlet-class>servlet.form</servlet-class>      //创建servlet包下的form类的对象，类名是form。 <servlet-class>填写完整的包名。类名    <servlet-name>填写对象的名字。

  </servlet>

  <servlet-mapping>

    <servlet-name>form</servlet-name>

    <url-pattern>/servlet/form</url-pattern>       //所有发送到<url-pattern>路径下的数据都会被form处理，而form在<servlet>要被定义，且<servlet>中的<servlet-name>要与<servlet-mapping>中的<servlet-name>要一致。

  </servlet-mapping>

解析：1.当用户填好表单并提交之后，数据被发送到action所指向的路径，即action="../servlet/form"(../表示返回上一级目录，./表示当前目录)  当前文件即form.html目录为“localhost:8080/test/study/form.html” 所以action的地址为"localhost:8080/test/servlet/form"   ,查看配置文件中的<url-pattern>可知，当地址为“/servlet/form”（不完整路径，默认基准路径为本目录路径即“localhost:8080/test”）,所以数据被发送到form处理。

　　2.数据传到了servlet中，request.getParameter（"userName"）方法用来获取用户填写的值，其中的userName是在表格中的某一个元素的name，例如<input type="password" name="userPass" /> 如果没有定义属性name 那么在servlet中将无法获取这个值更不可能处理了。

注意：参数parameter与属性Attribute的区别：

　　　　　　　　

        • 　　　　　　来源不同：   参数（parameter）是从客户端（浏览器）中由用户提供的，若是GET方法是从URL中 
          提供的，若是POST方法是从请求体（request body）中提供的； 
            属性（attribute）是服务器端的组件（JSP或者Servlet）利用requst.setAttribute（）设置的
        • 　　　　　　操作不同：   参数（parameter）的值只能读取不能修改，读取可以使用request.getParameter()读取； 
            属性（attribute）的值既可以读取亦可以修改，读取可以使用request.setAttribute(),设置可使用request.getAttribute()
        • 　　　　　　数据类型不同：   参数（parameter）不管前台传来的值语义是什么，在服务器获取时都以String类型看待，并且客户端的参数值只能是简单类型的值，不能是复杂类型，比如一个对象。 
             属性（attribute）的值可以是任意一个Object类型。

（三）表单与servlet的初步结合的更多相关文章

  1. 简单的form表单操作(Servlet)

    Servlet模型 [表单的处理][模型(1)] ●HTML网页 <!DOCTYPE html> <html> <head> <meta charset=&q ...

  2. jsp文件放在webcontent子目录下提交表单给servlet报404错误解决办法

    新版的web项目已经不需要配置web.xml了,并且eclipse neon版本里面新建web项目时候,默认不会生成web.xml文件.我们也不需要手动添加该文件,因为内部为我们提供了最新的处理方式, ...

  3. 【IDEA】HTML通过servlet3.0注解名提交表单到servlet类找不到页面的问题

    IDEA一时爽,摸不着头的BUG火葬场 这个问题困扰我整整一天一夜,先是代码检查路径设置找不出问题,后面换tomcat版不行,抱着侥幸心理换IDEA版本意料之中还是没解决问题. 都快想秃了最后终于完美 ...

  4. html提交表单到Servlet

    源码地址 https://github.com/YouXianMing/Java-Web-Study/tree/master/Servlet-Form 演示效果(注意post与get提交方式浏览器地址 ...

  5. 最适合入门的Laravel中级教程(三)表单验证

    做开发有个原则是永远不能信任用户输入的数据: 即便前端已经做了验证: 在后端 php 也必须要再次验证: laravel 为表单验证提供了强大且简单的方案: 创建示例路由: routes/web.ph ...

  6. Servlet与JSP内置对象的对应关系、Servlet获取表单、Servlet路径跳转

    项目的根目录指的是webroot: 服务器内部跳转: 或者使用../:“..”代表回到上一级目录

  7. Servlet表单数据处理

    以下内容引用自http://wiki.jikexueyuan.com/project/servlet/form-data.html: 当需要从浏览器到Web服务器传递一些信息并最终传回到后台程序时,一 ...

  8. Servlet中转发和重定向的路径问题以及表单提交路径问题

    一.请求转发与响应重定向的种类 有两种方式获得Servlet转发对象(RequestDispatcher):一种是通过HttpServletRequest的getRequestDispatcher() ...

  9. html文件form表单action调用servlet连接mysql数据库实例

    web.xml文件 <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi=&qu ...

随机推荐

  1. ASP.NET 下配置请求大小、请求时间等参数

    在邮件发送系统或者其他一些传送文件的网站中,用户传送文件的大小是有限制的,因为这样不但可以节省服务器的空间,还可以提高传送文件的速度.下面介绍如何在Web.Config文件中配置限制上传文件大小与时间 ...

  2. 优化你的HTTPS（下），你需要这么做

    本篇文章是接着上篇文章来说,这篇介绍三种方法分别是多路复用 ,请求优先级,服务器推送. 多路复用 请求优先级 服务器推送 多路复用 在HTTP1.1中,浏览器客户端在同一时间,针对同一域名下的请求有一 ...

  3. vue 对象更改检测注意事项

  4. python - scrapy 爬虫框架（创建, 持久化, 去重, 深度, cookie）

    ## scrapy 依赖 twisted  - twisted 是一个基于事件循环的 异步非阻塞 框架/模块 ##  项目的创建  1. 创建 project scrapy startproject ...

  5. ElasticSearch 集群环境搭建，安装ElasticSearch-head插件，安装错误解决

    ElasticSearch-5.3.1集群环境搭建,安装ElasticSearch-head插件,安装错误解决 说起来甚是惭愧,博主在写这篇文章的时候,还没有系统性的学习一下ES,只知道可以拿来做全文 ...

  6. SpringBoot监控中心

    1.什么是SpringBoot监控中心? 2.为什么要使用SpringBoot监控中心?

  7. am335x system upgrade rootfs custom service using systemd script(十七)

    1      Scope of Document systemd 是一个 Linux 系统基础组件的集合,提供了一个系统和服务管理器,运行为 PID 1 并负责启动其它程序.功能包括:支持并行化任务: ...

  8. CSP 2019 退役记

    声明:博主不会时空穿越,也没有造成恐慌,不应禁赛三年 Day0 上午:打板子 Polya定理; exkmp; exbsgs; 乘法逆元; 矩阵快速幂; 扫描线; ST表; excrt; Dirichl ...

  9. [TJOI2019]甲苯先生和大中锋的字符串——后缀自动机+差分

    题目链接: [TJOI2019]甲苯先生和大中锋的字符串 对原串建后缀自动机并维护$parent$树上每个点的子树大小,显然子树大小为$k$的节点所代表的子串出现过$k$次,那么我们需要将$[len[ ...

  10. 详解css3 pointer-events（阻止hover、active、onclick等触发事件来

    pointer-events 更像是JavaScript,它能够: 阻止用户的点击动作产生任何效果 阻止缺省鼠标指针的显示 阻止CSS里的 hover 和 active 状态的变化触发事件 阻止Jav ...