一、创建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是文本居中对齐。
<input type="submit" value="按钮名称">
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("创建");
}
}三、结果
