ホームページ > 記事 > ウェブフロントエンド > html5でユーザー登録フォームを実装する方法のサンプルコード共有
html5でユーザー登録フォームを実装する方法のサンプルコード共有
- 黄舟オリジナル
- 2017-07-24 10:18:275523ブラウズ
ユーザー登録
<!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>以上がhtml5でユーザー登録フォームを実装する方法のサンプルコード共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。