JavaWeb -Servlet对表单数据的处理例：登录系统

一、创建html文件并添加框架内容

<tr></tr>是表格标签

<td></td>是单元格标签

1.添加用户名和密码

<input type="text" name="username"> 文本格式(text)，函数名是username。

<input type="password" name="password"> 密码格式(password)，函数名是password。

 
        <tr>
            <td>用户名</td>
            <td>
                <input type="text" name="username">
            </td>
        </tr>
        <tr>
            <td>密码</td>
            <td>
                <input type="password" name="password">
            </td>
        </tr>

2.添加性别选择

女<input type="radio" value="女" name="gender" checked="checked">

单选格式(radio),返回值为value的值，函数名是gender，把”女“定义为默认选项。

        <tr>
            <td>性别：</td>
            <td>
                女<input type="radio" value="女" name="gender" checked="checked">
                男<input type="radio" value="男" name="gender">
            </td>
        </tr>

3.添加爱好

唱<input type="checkbox" value="唱" name="hobby" checked="checked">

多选格式(chackbox)，返回所以勾选的value的值，函数名是hobby[ ]，定义”唱“为默认勾选。

        <tr>
            <td>爱好：</td>
            <td>
                唱<input type="checkbox" value="唱" name="hobby" checked="checked">
                跳<input type="checkbox" value="跳" name="hobby" >
                篮球<input type="checkbox" value="篮球" name="hobby" >
            </td>
        </tr>

4.添加地址

<select name="address">
    <option value="北京">北京</option>
</select>

<select name="函数名"></select>是下拉菜单标签。

<option value="元素">元素</option>是下拉菜单中的元素。

函数名是address。

        <tr>
            <td>地址：</td>
            <td>
                <select name="address">
                    <option value="北京">北京</option>
                    <option value="上海">上海</option>
                    <option value="成都">成都</option>
                </select>
            </td>
        </tr>

5.添加登录和重置按钮

<td colspan="2" align="center">
    <input type="submit" value="登录">
    <input type="reset" value="重置">
</td>

<td colspan="x" align="center">是合并x个单元格，center是文本居中对齐。

submit是上传所以信息

reset是重置所以信息

        <tr>
            <td colspan="2" align="center">
                <input type="submit" value="登录">
                <input type="reset" value="重置">
            </td>
        </tr>

6.添加备注

<textarea cols="50" rows="15" name="remark"></textarea>

<textarea></textarea>是备注标签。

<textarea cols="长度" rows="高度" name="remark">函数名是remark。

        <tr>
            <td>备注：</td>
            <td>
                <textarea cols="50" rows="15" name="remark"></textarea>
            </td>
        </tr>

7.全部HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录测试</title>
</head>
<body>
<center>
<form action="os1" method="post">
    <table border="1">
        <tr><td colspan="2">登录</td></tr>
        <tr>
            <td>用户名</td>
            <td>
                <input type="text" name="username">
            </td>
        </tr>
        <tr>
            <td>密码</td>
            <td>
                <input type="password" name="password">
            </td>
        </tr>
        <tr>
            <td>性别：</td>
            <td>
                女<input type="radio" value="女" name="gender" checked="checked">
                男<input type="radio" value="男" name="gender">
            </td>
        </tr>
        <tr>
            <td>爱好：</td>
            <td>
                唱<input type="checkbox" value="唱" name="hobby" checked="checked">
                跳<input type="checkbox" value="跳" name="hobby" >
                篮球<input type="checkbox" value="篮球" name="hobby" >
            </td>
        </tr>
        <tr>
            <td>地址：</td>
            <td>
                <select name="address">
                    <option value="北京">北京</option>
                    <option value="上海">上海</option>
                    <option value="成都">成都</option>
                </select>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
                <input type="submit" value="登录">
                <input type="reset" value="重置">
            </td>
        </tr>
        <tr>
            <td>备注：</td>
            <td>
                <textarea cols="50" rows="15" name="remark"></textarea>
            </td>
        </tr>
    </table>
</form>
</center>
</body>
</html>

二、创建Java文件并获取内容

因为hobby是数组，所以需要用getParameterValues来获取信息。Arrays.toString()来输出信息。

package os1;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.Arrays;

@WebServlet("/os1")
public class os1 extends HttpServlet {
    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        req.setCharacterEncoding("utf-8");
        resp.setContentType("text/html;charset=UTF-8");

        String username = req.getParameter("username");//获取用户名
        String password = req.getParameter("password");//获取密码
        String gender = req.getParameter("gender");//获取性别
        String[] hobbies = req.getParameterValues("hobby");//获取爱好[]
        String address = req.getParameter("address");//获取地址
        String remark = req.getParameter("remark");//获取备注

        resp.getWriter().println("用户名:"+username);//输出用户名
        resp.getWriter().println("密码:"+password);//输出密码
        resp.getWriter().println("性别:"+gender);//输出性别
        resp.getWriter().println("爱好:"+ Arrays.toString(hobbies));//输出爱好
        resp.getWriter().println("地址:"+address);//输出地址
        resp.getWriter().println("备注:"+remark);//输出备注
    }

    @Override
    public void destroy() {
        System.out.println("销毁");
    }

    @Override
    public void init() throws ServletException {
        System.out.println("创建");
    }
}

三、结果

JavaWeb -Servlet对表单数据的处理 例：登录系统

悦读

JavaWeb -Servlet对表单数据的处理例：登录系统