通過表單制作一個(gè)用戶注冊(cè)表

用戶注冊(cè)表如下：

用戶注冊(cè)表代碼如下:

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>表單元素-注冊(cè)</title>
  </head>
  <body>
    <form action="register.php" method="post">
      <fieldset style="display: inline-grid; gap: 1em">
        <legend>新用戶注冊(cè)</legend>
        <div class="username">
          <label for="uname">用戶名:</label>
          <input type="text" id="uname" name="uname" value="" placeholder="請(qǐng)輸入用戶名/手機(jī)號(hào)" autofocus required />
        </div>
        <div class="email">
          <label for="email">郵箱:</label>
          <input type="email" name="email" id="email" placeholder="admin@email.com" required />
        </div>
        <div class="psw">
          <label for="psw">密碼:</label>
          <input
            type="password"
            onkeydown="this.nextElementSibling.disabled=false"
            name="password"
            id="psw"
            required
            placeholder="不少于6位且不能全為數(shù)字"
          />
          <button type="button" onclick="showPsw(this, this.form,true)" disabled>查看</button>
        </div>
        <div class="rfm">
            <label for="">安全問題:</label>
            <select id="pasans" name="questionid" >
                <option  selected disabled>安全問題（未設(shè)置請(qǐng)忽略）</option>
                <option value="0" >你個(gè)人計(jì)算機(jī)的型號(hào)</option>
                <option value="1" >你寵物的名字</option>
                <option value="2" >你最喜歡的餐館的名稱</option>
                <option value="3" >你最喜歡的水果</option>
                <option value="4" >你最喜歡的城市</option>
                <option value="5" >你最喜歡的一首歌</option>
            </select>
        </div>
        <div class="rfm" id="pasans" style="">
            <table>
                <tbody>
                    <tr>
                        <th>答案:</th>
                        <td><input type="text" name="answer" id="pasans"  size="30" class="px p_fre" ></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div>
            <legend>個(gè)人信息填寫</legend>
            <div class="age">
            <label for="age">年齡:</label>
            <input type="number" id="age" name="age" min="12" max="80" />歲
            </div>
            <div class="birthday">
            <label for="birthday">生日:</label>
            <input type="date" id="birthday" value="2000-01-01" name="birthday" min="1949-10-01" />
            </div>
            <div class="sex">
            <label for="male">性別:</label>   
            <input type="radio" name="sex" value="male" id="male" checked /><label for="male">男</label>
            <input type="radio" name="sex" value="female" id="female" /><label for="female">女</label>
            <input type="radio" name="sex" value="secret" id="secret" /><label for="secret">保密</label>
            </div>
            <div class="hobby">
            <label>愛好:</label>
            <input type="checkbox" name="hobby[]" value="trave" id="trave" /><label for="trave">旅游</label>
            <input checked type="checkbox" name="hobby[]" value="program" id="programe" /><label for="program"
                >編程</label
            >
            <input type="checkbox" name="hobby[]" value="shoot" id="shoot" /><label for="shoot">攝影</label>
            <input checked type="checkbox" name="hobby[]" value="game" id="game" /><label for="game">游戲</label>
            </div>
            <div class="edu">
            <label for="">學(xué)歷:</label>
            <select name="edu" id="">
                <option value="1">小學(xué)</option>
                <option value="2">中學(xué)</option>
                <option value="3" selected>大學(xué)</option>
                <option value="4">博士</option>
            </select>
            </div>
        </div>
        <button>提交</button>
      </fieldset>
    </form>
    <script >
        function showPsw(ele,form){
            const psw = form.password
            if (psw.type === 'password'){
                psw.type = 'text'
                ele.textContent = '隱藏'
            } else if (psw.type === 'text'){
                psw.type = 'password'
                ele.textContent = '顯示'
            } else {
                return false
            }
        }
    </script>
  </body>
</html>

批改老師：

PHPz

批改狀態(tài)：合格

老師批語：沒什么問題，繼續(xù)加油

本博文版權(quán)歸博主所有，轉(zhuǎn)載請(qǐng)注明地址！如有侵權(quán)、違法，請(qǐng)聯(lián)系admin@php.cn舉報(bào)處理！

全部評(píng)論文明上網(wǎng)理性發(fā)言，請(qǐng)遵守新聞評(píng)論服務(wù)協(xié)議

0條評(píng)論

作者最新博文

前端開發(fā)環(huán)境搭建：Chrome 與 VS Code下載安裝及其相應(yīng)插件配置

2023-03-10 18:34:01

亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

通過表單制作一個(gè)用戶注冊(cè)表