用户注册

<!DOCTYPE html>
<html lang="en">
  <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>用户注册</title>
  </head>
  <body>
    <form action="check.php" method="post">
      <div>
        <label for="name">用户名</label>
        <input
          type="text"
          id="name"
          name="username"
          placeholder="用户名不能为空"
          autofocus="autofocus"
        />
        <div>
          <label for="psw">密码</label>
          <input
            type="password"
            name="password"
            id="psw"
            placeholder="密码不能为空"
          />
        </div>
        <!-- 单选按钮 预定义必须给默认值value -->
        <!-- checked默认选项  -->
        <div>
          <label for="secret">性别:</label>
          <input type="radio" name="sex" id="male" value="male" />
          <label for="male">男</label>
          <input type="radio" name="sex" id="female" value="female" />
          <label for="female">女</label>
          <input type="radio" name="sex" id="secret" value="female" checked />
          <label for="secret">保密</label>
        </div>
        <!-- 复选框 -->
        <div>
          <label for="game">爱好:</label>
          <input type="checkbox" name="hobby[]" id="game" value="game" />
          <label for="game">游戏</label>
          <input type="checkbox" name="hobby[]" id="SWIMM" value="SWIMM" />
          <label for="swimm">游泳</label>
          <input
            type="checkbox"
            name="hobby[]"
            id="basketball"
            value="basketball"
            checked
          />
          <label for="basketball">篮球</label>
        </div>
        <!-- selected默认选项  disabled禁用 -->
        <div>
          <label for="EDUCATION">学历：</label>
          <select name="edu" id="EDUCATION">
            <option value="0" selected disabled>--请选择--</option>
            <option value="1">中学</option>
            <option value="2">大学</option>
            <option value="3">研究生</option>
            <option value="4">博士</option>
            <option value="5">其他</option>
          </select>
        </div>
        <div>
          <button>提交</button>
        </div>
      </div>
    </form>
  </body>
</html>

媒体标签

<!DOCTYPE html>
<html lang="en">
  <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>媒体标签</title>
  </head>
  <body>
    <!-- 多媒体标签 -->
    <!-- controls：显示播放控件，布尔属性 -->
    <video src="ceshi.mp4" width="400" controls></video>
  </body>
</html>

简单的小后台

<!DOCTYPE html>
<html lang="en">
  <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>简单的小后台</title>
  </head>
  <body>
    <li><a href="./yonghuzhuce.html" target="content">用户注册</a></li>
    <li><a href="../0701/emmet语法.html" target="content">emmet语法</a></li>
    <li><a href="../0704/biaoge.html" target="content">表格</a></li>
    <li><a href="./video.html" target="content">video的标签</a></li>
    <iframe
      src=""
      frameborder="11"
      width="800"
      height="800"
      name="content"
    ></iframe>
  </body>
</html>

Correcting teacher：

PHPz

Correction status：qualified

Teacher's comments：代码可以适当附上图例

Statement of this Website

The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!

All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement

0 comments

Author's latest blog post

markdown语法使用介绍

2022-07-11 10:50:34