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

html表單常用標(biāo)簽

text 文本

password 密碼

radio 單選框

checkbox 復(fù)選框

下拉框 select +下拉列表option

自定義下拉框 datalist+option

代碼:

    <h2>用戶注冊</h2>
  <form action="1.php" method="POST" style="display: grid; gap: 0.5em">
    <fieldset>
      <legend style="text-align: center">必填項</legend>
      <div>
        <label for="username">賬號:</label>
        <!-- name屬性是傳遞給 -->
        <input type="text" name="username" id="username" placeholder="不少于8位" required autofocus value="admin" />
      </div>
      <div>
        <label for="pwd">密碼:</label>
        <input type="password" name="pwd" id="pwd" placeholder="不少于六位" required />
        </button>
      </div>
      <div>
        <label for="email">郵箱:</label>
        <input type="email" name="email" id="email" placeholder="php@email.com" required />
      </div>
    </fieldset>
    <!-- 單選框 -->
    <div>
      <label for="secret">性別:</label>
      <input type="radio" id="male" name="sex" value="male" /><label>男</label>
      <input type="radio" id="female" name="sex" value="female" /><label>女</label>
      <input type="radio" id="secret" name="sex" value="secret" checked /><label>保密</label>
    </div>
    <!-- 復(fù)選框 -->
    <div>
      <label for="secret">性別:</label>
      <input type="checkbox" id="game" name="hobby[]" value="game" checked /><label for="game">游戲</label>
      <input type="checkbox" id="trave" name="hobby[]" value="trave" /><label for="trave">旅游</label>
      <input type="checkbox" id="shoot" name="hobby[]" value="shoot" checked /><label for="shoot">攝影</label>
    </div>
    <!-- 下拉框 -->
    <div>
      <select name="level">
        <option value="1">青銅</option>
        <option value="2">白銀</option>
        <option value="3">黃金</option>
        <option value="4" selected>鉑金</option>
      </select>
    </div>
    <!-- 自定義下拉框 datalist +option -->
    <div>
      <label for="">搜索關(guān)鍵字:</label>
      <input type="search" id="search" list="keywords" />
      <datalist id="keywords">
        <option value="html">html</option>
        <option value="css">css</option>
        <option value="js">js</option>
        <option value="javascript">javascript</option>
      </datalist>
    </div>
    <!-- button默認(rèn)值是submit提交 -->
    <button>提交</button>
    <button type="reset">重置</button>
  </form>

批改老師：PHPz

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

老師批語：作業(yè)要保證完整性，否則無法確定你的作業(yè)是否完成