HTML简单注册页面
生活随笔
收集整理的這篇文章主要介紹了
HTML简单注册页面
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>登錄注冊</title>
</head>
<style>body {background-color: cornsilk;}.center {text-align: center;background-color: cadetblue;width: 600px;margin: auto;}.tab {margin: 10px;}</style>
<body><div class="center"><form action="#" method="get" autocomplete="on"><div>注冊詳情</div><hr><div class="tab"><label for="username">姓名:</label><input type="text" name="username" id="username" value="" required placeholder="請輸入姓名"></div><div class="tab"><label for="password">密碼:</label><input type="password" name="password" value="" id="password" required placeholder="請輸入密碼"></div><div class="tab"><label for="email">郵箱:</label><input type="email" name="email" value="" id="email" required placeholder="請輸入郵箱"></div><div class="tab"><label for="number">手機:</label><input type="tel" name="number" value="" id="number" required placeholder="請輸入手機號"></div><hr><div class="tab"><label for="gender">性別:</label><input type="radio" name="gender" value="男" id="gender">男<input type="radio" name="gender" value="女">女<input type="radio" name="gender" value="其他">其他</div><div class="tab"><label for="hobby"> 愛好:</label><input type="checkbox" id="hobby" name="game" value="game">游戲<input type="checkbox" id="music" name="music" value="music">音樂<input type="checkbox" id="other" name="other" value="other">其他</div><div class="tab"><label for="date">出生日期:</label><input type="date" name="date" id="date" value=""></div><div class="tab"><label for="city">請選擇所在城市：</label><select name="city" id="city"><option>----所在城市----</option><optgroup label="直轄市"><option>北京</option><option>上海</option><option>廣州</option><option>深圳</option><option>...</option></optgroup><optgroup label="省會城市"><option>西安</option><option>杭州</option><option>鄭州</option><option>武漢</option><option>...</option></optgroup></select></div><hr><div class="tab"><label for="desc">個性簽名:</label><textarea id="desc" name="desc" rows="5" cols="40" placeholder="請輸入你的個性簽名"></textarea></div><hr><button type="submit">注冊</button><button type="reset">重置</button></form></div></body>
</html>
總結
以上是生活随笔為你收集整理的HTML简单注册页面的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： curl 请求日志_kong api网关
- 下一篇： 2017年html5行业报告,云适配发布