在現(xiàn)代社會中，隨著手機日益普及，許多網(wǎng)站都提供了手機登陸的功能，手機驗證碼也成為了一個不可或缺的環(huán)節(jié)。本文將分享一個基于HTML的手機登陸驗證碼代碼。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>手機驗證碼</title>
<style>
/* 頁面樣式 */
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
.container {
max-width: 400px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0px 0px 10px #ccc;
}
input {
margin-bottom: 10px;
padding: 10px;
width: 100%;
border: none;
border-radius: 5px;
box-shadow: 0px 0px 5px #ccc;
}
button {
padding: 10px;
background-color: #4CAF50;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
width: 100%;
}
</style>
</head>
<body>
<div class="container">
<h1>手機驗證碼</h1>
<p>請輸入您收到的驗證碼：</p>
<form>
<input type="text" placeholder="請輸入驗證碼" required><br><br>
<button type="submit">提交</button>
</form>
</div>
</body>
</html>該代碼使用了HTML5的DOCTYPE聲明，設(shè)置了頁面字符集為UTF-8，實現(xiàn)了一個簡單的手機驗證碼功能。整個頁面以一個
元素為容器，利用CSS樣式將其居中并設(shè)置了一些樣式。其中，
元素用于展示頁面標題，
元素用于展示驗證碼輸入提示，