<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Register Form</title>
</head>
<body bgcolor="#FAEBD7">
<center>
<h1>Welcome to register</h1>
<form action="" method="get" class="form-example" >
<div class="form-example">
<label for="name">Enter your name: </label>
<input type="text" name="name" id="name" required>
</div>
<html>
<head>
<meta charset="utf-8">
<title>Register Form</title>
</head>
<body bgcolor="#FAEBD7">
<center>
<h1>Welcome to register</h1>
<form action="" method="get" class="form-example" >
<div class="form-example">
<label for="name">Enter your name: </label>
<input type="text" name="name" id="name" required>
</div>
<div class="form-example">
<label for="email">Enter your email: </label>
<input type="email" name="email" id="email" required>
</div>
<label for="email">Enter your email: </label>
<input type="email" name="email" id="email" required>
</div>
<div class="form-example">
<label for="password">Enter your password:</label>
<input type="password" name="password" required>
</div>
<label for="password">Enter your password:</label>
<input type="password" name="password" required>
</div>
<div class="form-example">
<label for="password">Confirm your password :
</label>
<input type="password" name="password" required>
</div>
<label for="password">Confirm your password :
</label>
<input type="password" name="password" required>
</div>
<div class="form-example">
<label for="sex">Choose your sex:</label>
<input type="radio" name="sex" value="male" >Male
<input type="radio" name="sex" value="female">Female
</div>
<tr>
<label for="sex">Choose your sex:</label>
<input type="radio" name="sex" value="male" >Male
<input type="radio" name="sex" value="female">Female
</div>
<tr>
<td>Agree with the service agreement?:</td>
<td>
<select name="rule">
<option value="1" selected>Yes</option>
<option value="2">No</option>
</select>
<td>
<select name="rule">
<option value="1" selected>Yes</option>
<option value="2">No</option>
</select>
</td>
</tr>
<div class="form-example">
<input type="reset" value="Reset" />
<input type="submit" value="Subscribe">
</div>
</tr>
<div class="form-example">
<input type="reset" value="Reset" />
<input type="submit" value="Subscribe">
</div>
</form>
</center>
</body>
</html>
</center>
</body>
</html>
效果图
![](https://img2018.cnblogs.com/blog/1480576/201809/1480576-20180915230356445-1217650582.png)