以下兩個頁面均只用HTML實現(xiàn)（其中注冊若要添加號碼與后面的登錄密碼判斷，涉及到javascript的內(nèi)容，本文只使用了html，后續(xù)會加上這些內(nèi)容）
簡單注冊：（讀者可以自行增加圖片以及其他屬性）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML注冊頁面</title>
</head>
<body>
<h2>注冊</h2>
<table width="500">
<tr>
<td>姓名：</td>
<td>
<input type="text" value="張三">
</td>
</tr>
<tr>
<td>性別：</td>
<td>
<input type="radio" name="sex" checked="checked">男
<input type="radio" name="sex">女
</td>
</tr>
<tr>
<td>出生日期：</td>
<td>
<select>
<option>--請選擇年份--</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
</select>
<select>
<option>--請選擇月份--</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
<select>
<option>--請選擇日期--</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</td>
</tr>
<tr>
<td>密碼：</td>
<td>
<input type="password" size="20" maxlength="10" value="">
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="提交">
</td>
</tr>
<tr>
<td></td>
<td>
<a href="Login-1.html">若已有注冊信息，可點擊此按鈕登錄系統(tǒng)</a>
</td>
</tr>
</table>
</body>
</html>
登錄：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
</head>
<body>
<h2>登錄</h2>
<table>
<tr>
<td>姓名：</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td>密碼：</td>
<td>
<input type="password" size="20" maxlength="10">
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="登錄">
</td>
</tr>
</table>
</body>
</html>
?文章來源：http://www.zghlxwxcb.cn/news/detail-507549.html
?文章來源地址http://www.zghlxwxcb.cn/news/detail-507549.html
到了這里，關(guān)于HTML實現(xiàn)簡單注冊登錄頁面的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
