
批改狀態(tài):合格
老師批語:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>用戶注冊(cè)表單</title>
</head>
<style>
body div {
margin-bottom: 10px;
}
body label {
font-weight: 600
}
</style>
<body>
<form action="login.php" method="post">
<!-- ? required: 布爾屬性,必選項(xiàng) -->
<fieldset>
<legend><h3>歡迎新用戶注冊(cè)!</h3></legend>
<div class="nickname">
<label for="nick_name">脫單網(wǎng)名:</label>
<input type="text" id="nick_name" placeholder="請(qǐng)輸入您的昵稱">
</div>
<div class="phone">
<label for="phone_num">手機(jī)號(hào)碼:</label>
<input type="text" id="phone_num" required placeholder="請(qǐng)輸入11位手機(jī)號(hào)">
</div>
<div class="email">
<label for="email">郵 箱:</label>
<input type="email" name="email" id="email" placeholder="格式:use@mail.com">
</div>
<div class="pwd">
<label for="pwd">密 碼:</label>
<input type="password" id="pwd" required placeholder="不少于6位的數(shù)字+英文密碼">
</div>
<div class="pwd2">
<label for="pwd2">確認(rèn)密碼:</label>
<input type="password" id="pwd2" required placeholder="再次確認(rèn)輸入密碼">
<button type="button" id="but" onclick="ck()">顯示密碼</button>
</div>
<script>
function ck() {
let but = document.getElementById('but');
let pwd = document.getElementById('pwd');
let pwd2 = document.getElementById('pwd2');
let flag = 0;
but.onclick = function (){
if (flag ===0){
pwd.type = 'text';
pwd2.type = 'text';
flag =1
}else {
pwd.type = 'password'
pwd2.type = 'password'
flag = 0;
}
}
}
</script>
<div class="gender">
<label for="ta">性 別:</label>
<label for="nan">男</label>
<input type="radio" name="gender" value="nan" id="nan">
<label for="nv">女</label>
<input type="radio" name="gender" value="nv" id="nv">
<label for="ta">其它</label>
<input type="radio" name="gender" value="ta" id="ta" checked >
</div>
<!-- <legend>個(gè)人資料</legend>-->
<div class="adout_me">
<label for="content">個(gè)人簡介:</label><br>
<!-- style="resize: none" 窗口禁止放大縮小-->
<textarea name="content" id="content" cols="30" rows="10" placeholder="請(qǐng)簡單做個(gè)自我介紹~
例如:房、車、月薪、存款"></textarea>
</div>
<input type="submit" value="提交">
</fieldset>
</form>
</body>
</html>
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)