如果您想要創建一個HTML5注冊頁面，您可以使用以下的全代碼進行開發。
<html>
<head>
<title>注冊頁面</title>
<meta charset="UTF-8">
<style>
body {
background-color: #f3f3f3;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
form {
background-color: #fff;
border: 1px solid #ccc;
margin: 20px auto;
width: 400px;
padding: 20px;
}
h1 {
margin-top: 0;
}
label {
display: block;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}
input[type="text"],
input[type="password"],
select {
border: 1px solid #ccc;
font-size: 16px;
padding: 10px;
width: 100%;
margin-bottom: 10px;
}
input[type="submit"] {
background-color: #4CAF50;
border: none;
color: white;
cursor: pointer;
font-size: 16px;
padding: 10px;
width: 100%;
}
input[type="submit"]:hover {
background-color: #3e8e41;
}
.error {
color: red;
font-size: 12px;
margin-bottom: 10px;
}
</style>
</head>
<body>
<form action="register.php" method="post">
<h1>注冊頁面</h1>
<label for="username">用戶名</label>
<input type="text" id="username" name="username">
<label for="email">郵箱</label>
<input type="text" id="email" name="email">
<label for="password">密碼</label>
<input type="password" id="password" name="password">
<label for="confirm_password">確認密碼</label>
<input type="password" id="confirm_password" name="confirm_password">
<label for="country">國家</label>
<select id="country" name="country">
<option value="china">中國</option>
<option value="usa">美國</option>
<option value="japan">日本</option>
<option value="korea">韓國</option>
</select>
<input type="submit" value="注冊">
<p class="error">請確認您填寫的信息都是正確的</p>
</form>
</body>
</html>以上便是一個完整的HTML5注冊頁面代碼。
上一篇mysql5.7版本號
下一篇qt解析css