http://www.bootcss.com/ BootStrap中文网点击打开链接
www.bootcdn.cn BootCDN中文网点击打开链接
w3.org W3C SCHOOL点击打开链接
devdocs.io 点击打开链接
DevDocs API Documentation
http://localhost:8080/Vcode/register.jsp;
为了使选择男女时只出现一个选择迹象,需在input标签内加入name="sex",双引号内部并不规定为sex.
在数据提交前
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户注册</title>
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<h2 class="text-center">用户注册</h2>
<form class="col-md-offset-4 col-md-4 form-horizontal" action="http://localhost:1234/" method="post" enctype="multipart/form-data">
<div class="form-group">
<label class="col-md-3 control-lable">用户名</label>
<div class="col-md-8">
<input type="text" class="form-control" name="username" placeholder="用户名" />
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-lable">密码</label>
<div class="col-md-8">
<input type="text" class="form-control" name="userpassward" placeholder="密码" />
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-lable">确认密码</label>
<div class="col-md-8">
<input type="text" class="form-control" name="userpassward" placeholder="确认密码" />
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-lable">性别</label>
<div class="radio col-md-8">
<label class="radio-inline">
<input type="radio" name="sex"/>男
</label>
<label class="radio-inline">
<input type="radio" name="sex"/>女
</label>
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-lable">上传头像</label>
<div class="col-md-8">
<input type="file" name="text"/>
</div>
</div>
<div class="form-group">
<div class="col-md-8 col-md-offset-3">
<button class="btn btn-primary btn-block">提交</button>
</div>
</div>
</form>
</div>
</body>
</html>