<! DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>注冊表單</title>
<style>
#regForm {
width:530px;
}
#regForm p{
text-align:center;
font-size:36px
</style>
</head>
<body>
<!--<table border="1" cellpadding="10" cellspacing="1">-->
<div id="regForm">
<p>注冊表</p>
<table width="600">
<tr>
<td><label>用戶名:</label></td>
<td><input type="text" id="usename">//（以字母開頭，允許6-12位元組，允許字母、數字、下劃線）</td>
</tr>
<tr>
<td><label>姓名:</label></td>
<td><input type="text" id="name">//（以字母開頭，允許4-8位元組，允許字母、數字、下劃線）</td>
</tr>
<tr>
<td>
<label>密碼:</lable>
</td>
<td><input type="text"value="https://bbs.csdn.net/topics/aaaaaa"id=psd>
<label>//（只允許6-12位數字）</label>
</td>
</tr>
<tr>
<td>
<label>確認密碼:</lable>
</td>
<td><input type="text" id=psd>
</td>
</tr>
<tr>
<td><label>性別:</label></td>
<td><input type="radio" name="sex">
<label>男</label>
<input type="radio" name="sex">
<label>女</label>
</td>
</tr>
<tr>
<td><label>手機:</labe1></td>
<td><input type="tel"id="tel">//（以1開頭，只允許11位數字）</td>
</tr>
<tr>
<td><label>生日:</label></td>
<td><input type="date"id="date"></td>
</tr>
<tr>
<td><label>QQ:</label></td>
<td><input type="number"id="qq">//（只允許4-8位數字）</td>
</tr>
<tr>
<td><label>郵箱:</label></td>
<td><input type="email"id="email">//（以字母、數字、下劃線開頭，允許6-12位元組，用@隔開，域名只允許“163.com”，“qq.com”，“yahu.com”）</td>
</tr>
<tr>
<td><label>家庭住址:</label></td>
<td><input type="text"list="province">
<datalist id="province">
<option>北京</option>
</datalist>
<input type="text" list="city">
<datalist id="city">
<option>北京市轄</option>
</datalist>
<input type="text" list="district">
<datalist id="district">
<option>東城區</option>
</datalist>
</td>
</tr>
</table>
<input type="button"value="https://bbs.csdn.net/topics/注冊" />
</div>
<!--</table>-->
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/90548.html
標籤：新技術前沿
上一篇：急急急
下一篇：sql檔案mdf怎么改為通用路徑