Rumah >hujung hadapan web >Tutorial H5 >html5中如何实现用户注册表单的示例代码分享
html5中如何实现用户注册表单的示例代码分享
- 黄舟asal
- 2017-07-24 10:18:275561semak imbas
用户注册
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户注册</title></head><body>
<h2>用户注册</h2>
<form action="" method="post">
<!-- 隐藏域 -->
<input type="hidden" name="uid" value="9527" />
<table border="0" cellpadding="0" cellspacing="0" width="400px">
<tr>
<td align="right"><label for="name">姓名：</label></td>
<td><input type="text" name="name" id="name"/></td>
</tr>
<tr>
<td align="right">用户名：</td>
<td><input type="text" name="username" readonly="readonly" value="tom"/></td>
</tr>
<tr>
<td align="right">密码：</td>
<td><input type="password" name="pwd"/></td>
</tr>
<tr>
<td align="right">确认密码：</td>
<td><input type="password" name="repwd"/></td>
</tr>
<tr>
<td align="right">电子邮箱：</td>
<td><input type="text" name="email"/></td>
</tr>
<tr>
<td align="right">性别：</td>
<td>
<input type="radio" name="sex" value="male" checked="checked" id="male" />
<label for="male"><img src="images/Male.gif"/>男</label>
<input type="radio" name="sex" value="female"/>
<img src="images/Female.gif"/>女 </td>
</tr>
<tr>
<td align="right">头像：</td>
<td><input type="file" name="touxiang"/></td>
</tr>
<tr>
<td align="right">爱好：</td>
<td>
<input type="checkbox" name="hobby" value="eat" checked="checked" />吃饭
<input type="checkbox" name="hobby" value="sleep" />睡觉
<input type="checkbox" name="hobby" value="doudou" />打豆豆
</td>
</tr>
<tr>
<td align="right">出生日期：</td>
<td>
<input type="text" name="year" size="10"/>年
<select name="month">
<option value="0" selected="selected">--月份--</option>
<option value="1">一月</option>
<option value="2">二月</option>
<option value="3">三月</option>
<option value="4">四月</option>
<option value="6">六月</option>
</select>月
<input type="text" name="day" size="6"/>日
</td>
</tr>
<tr>
<td align="right">注册协议：</td>
<td>
<textarea rows="4" cols="20" name="intr" readonly="readonly">
请遵守相关法律法规。。。
</textarea>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="注册" disabled="disabled" />
<input type="image" src="images/reset.gif" />
<!--<input type="button" value="普通按钮"/>
--></td>
</tr>
</table>
</form></body></html>Atas ialah kandungan terperinci html5中如何实现用户注册表单的示例代码分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html5中关于canvas画图之画圆形的实例介绍Artikel seterusnya：关于html5中如何调用相机拍照并且压缩图片的示例详解