form表单详解

form（表单）标签常⽤标签及属性

1.表单标签语法：

(1)

(2)两种数据传送⽅式（get/post）

2.⽂本框,密码框：

语法：

（1）type="text"时，输⼊框为⽂本框

（2）type="password"时，输⼊框为密码框

（3）name，命名⽂本框

（4）value，⽂本框输⼊的默认值

例：

姓名:

密码:

3.多⾏⽂本：

语法：

例：

4.单选框,多选框

语法：

type=“radio”时，输⼊框为单选框

type=“checkbox”时，输⼊框为多选框

例：

是

否

1

2

3

5.下拉列表框：

语法：

6.下拉列表多选框：

语法：

7.普通，提交，重置按钮：

语法：

第 1 页 共 3 页 java表单from用法

一、概述

Java表单Form是一种常用的用户输入方式，用于收集用户数据并提交给服务器进行处理。在Java Web应用程序中，表单通常用于创建HTML表单页面，以收集用户输入的数据，并将其传递给Java

Servlet或JSP页面进行处理。

二、表单元素

Java表单Form通常包含以下元素：

1. 表头：包含表单标题和提交按钮。

2. 输入框：用于接收用户输入的数据，可以包含文本框、密码框、多行文本框等。

3. 单选按钮：用于选择单个选项。

4. 复选框：用于选择多个选项。

5. 下拉列表：用于选择指定选项。

6. 表单：将多个表单元素组合在一起，形成一个完整的表单。

三、表单数据传递方式

Java表单Form的数据可以通过以下方式传递给服务器：

1. POST方法：通过HTTP协议将表单数据作为请求体发送给服务器。

2. GET方法：通过URL参数将表单数据附加到请求URL中，并在浏览器中显示出来。

3. 隐藏字段：将表单数据添加到表单的隐藏字段中，并在提交时一起发送给服务器。

四、表单数据处理 第 2 页 共 3 页 Java Servlet或JSP页面可以使用Java代码处理表单数据，通常需要使用HttpServletRequest对象获取表单数据。具体步骤如下：

1. 获取表单数据：使用HttpServletRequest对象的getParameter()方法获取表单中的各个字段值。

2. 数据验证：对获取到的数据进行验证，确保数据的合法性和有效性。

3. 数据存储：将验证后的数据存储到数据库或应用程序中。

4. 响应结果：根据数据处理结果返回相应的响应，如重定向到其他页面或显示结果信息。

五、示例代码

以下是一个简单的Java表单Form示例代码，用于收集用户姓名和年龄信息，并将其传递给Servlet进行处理：

HTML表单页面（form.html）：

Form表单属性说明

我们可以⽤

1.action属性

form标签的action属性的指规定了处理上传数据的页⾯，也可以理解为“上传数据并且跳转到该页⾯”，该页⾯需要对上传的数据进⾏查询或者保存，所以经常由php/jsp/aspx来担当。如：

2.accept-charset

accept-charset属性的值规定了服务器使⽤哪⼀种字符集编码来处理本页⾯所上传的数据。常⽤的有“UTF-8”、“ISO-8859-1"、"gb2312"等。

3.method

method即⽅法，规定了浏览器上传数据的⽅式。method只有两个值可以选择，分别是get和post，默认值是get。以下分别介绍这两种⽅法的特性。

（1）method="get"时：1>采⽤ GET ⽅法发送数据时，浏览器会与表单处理服务器建⽴连接，然后直接在⼀个传输步骤中发送所有的表单数据：浏览器会将数据直接附在表单的 action 的 URL 之后，这两者之间⽤问号进⾏分隔。这种⽅式并不安全，因为上传的数据可以直接在URL中反映出来。2>GET⽅法提交数据后的URL链接是可以添加书签的，每次打开该书签都相当于向服务器提交了相同的数据。

3>URL的长度是有限的（约3000字符），所以get⽅式经常⽤来提交较⼩的数据。

4>结合以上特性，⼀般使⽤get⽅式来提交⾮敏感内容，⽐如说搜索查询。不仅速度较快，还可以将页⾯保存到书签之中。

（2）method="post"时1>采⽤ POST ⽅法，浏览器将会按照下⾯两步来发送数据。⾸先，浏览器将与 action 属性中指定的表单处理服务器建⽴联系；⼀旦建⽴连接之后，浏览器就会按分段传输的⽅法将数据发送给服务器。通过这种⽅式来上传数据安全性较⾼。2>POST⽅法上传的数据没有长度限制，可以传输⼤量的数据，所以在上传⽂件只能使⽤Post。

3>⼤多数情况都应该使⽤POST⽅式进⾏数据的传输。

属性

Form 标签元素⾃⾝并没有数据传输，它的 name 属性只是提供了⼀种在脚本中引⽤表单的⽅法。与此同时，form标签元素内的数据都是通过name来传递的，只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

form标签的使用

在网页开发中，form标签是一个非常重要的HTML元素，用于创建交互式的表单，以便用户可以向服务器提交数据。form标签的使用方法非常简单，但是它的功能却非常强大。本文将介绍form标签的使用方法，以及一些常用的属性和事件。

我们需要了解form标签的基本结构。一个完整的form标签通常包含以下几个部分：

1. 表单头部（

2. 表单内容：包含了各种表单元素，比如输入框、下拉列表、单选框等。

3. 表单尾部（

在form标签中，最常用的属性是action和method。action属性用于指定表单数据提交的目标地址，即服务器端的URL；而method属性用于指定表单数据提交的方式，一般有GET和POST两种方式。GET方式将表单数据附加在URL后面，以查询字符串的形式传递给服务器；而POST方式则将表单数据放在HTTP请求的body部分传递给服务器。

除了action和method属性，form标签还有一些其他常用的属性，比如name、target、enctype等。name属性用于给表单命名，以便在JavaScript中引用；target属性用于指定提交数据后的响应结果显示在哪个窗口或者框架中；enctype属性用于指定表单数据的编码方式，一般有application/x-www-form-urlencoded和multipart/form-data两种方式。

在form标签内部，我们可以使用各种表单元素来收集用户输入的数据。常见的表单元素有输入框（input）、下拉列表（select）、单选框（radio）、复选框（checkbox）等。这些表单元素都有各自的属性和事件，用于实现不同的功能。

例如，输入框元素（input）常用的属性有type、name、value、placeholder等。type属性用于指定输入框的类型，比如text、password、email等；name属性用于给输入框命名；value属性用于设置输入框的默认值；placeholder属性用于设置输入框的提示信息。