最近在學習HTML5表單注冊代碼，分享一下代碼給大家。
<!DOCTYPE html>
<html>
<head>
<title>注冊頁面</title>
</head>
<body>
<form action="register.php" method="post">
<fieldset>
<legend>注冊信息</legend>
<p>
<label for="username">用戶名:</label>
<input type="text" name="username" required>
</p>
<p>
<label for="password">密碼:</label>
<input type="password" name="password" required pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="密碼必須包含至少一個數(shù)字、一個小寫字母、一個大寫字母和至少8個字符">
</p>
<p>
<label for="email">電子郵件:</label>
<input type="email" name="email" required>
</p>
<p>
<label for="gender">性別:</label>
<input type="radio" name="gender" value="male" checked>男性
<input type="radio" name="gender" value="female">女性
</p>
<p>
<label for="birthday">生日:</label>
<input type="date" name="birthday" required>
</p>
<p>
<label for="agree"><input type="checkbox" name="agree" required>我同意注冊協(xié)議</label>
</p>
<p>
<input type="submit" value="注冊">
<input type="reset" value="重置">
</p>
</fieldset>
</form>
</body>
</html>代碼中包括用戶名、密碼、電子郵件、性別、生日和同意注冊協(xié)議等常用表單項，并使用HTML5的required、pattern、title等屬性對表單項進行必填和格式限制。
下一篇html5表單頁面代碼