Web前端_HTML5（新增type类型）

HTML5新增type类型一

HTML5新增属性

html 复制代码

<table border="1" cellspacing="0" align="center" width="500" height="300">
  <tr align="center">
    <td colspan="4">教员搜索</td>
  </tr>
  <tr>
    <td>搜索类型</td>
    <td>
      <select>
        <option value="title">搜索教员信息</option>
        <option value="java">Java</option>
        <option value="web">Web</option>
        <option value="python">Python</option>
      </select>
    </td>
    <td>教员身份</td>
    <td>
      <select>
        <option value="title">不限</option>
        <option value="g">高级讲师</option>
        <option value="z">中级讲师</option>
        <option value="c">初级讲师</option>
      </select>
    </td>
  </tr>
  <tr>
    <td>所在地区</td>
    <td>
      <select>
        <option value="title">不限</option>
        <option value="beijing">北京</option>
        <option value="shanghai">上海</option>
        <option value="xian">西安</option>
        <option value="taiyuan">太原</option>
      </select>
    </td>
    <td>性别</td>
    <td>
      <form>
        <input type="radio" name="sex" value="nan">男
        <br>
        <input type="radio" name="sex" value="nv">女
      </form>
    </td>
  </tr>
  <tr>
    <td>学习科目</td>
    <td colspan="3">
      <select>
        <option value="title">请在以下列表中选择</option>
        <option value="beijing">Java</option>
        <option value="shanghai">Web</option>
        <option value="xian">Python</option>
      </select>
    </td>
  </tr>
  <tr>
    <td>学习</td>
    <td colspan="3">
      <input type="text" placeholder="请输入要学习的内容">
    </td>
  </tr>
  <tr>
    <td>专业</td>
    <td colspan="3">
      <form>
        <input type="search" name="search" placeholder="请输入要学习的内容">
        <input type="submit" value="搜索">
      </form>
    </td>
  </tr>
</table>

html 复制代码

<table align="center">
  <tr>
    <td align="right">姓名：</td>
    <td><input type="text"></td>
  </tr>
  <tr>
    <td align="right">密码：</td>
    <td><input type="password"></td>
  </tr>
  <tr>
    <td align="right">确认密码：</td>
    <td><input type="password"></td>
  </tr>
  <tr>
    <td align="right">密码提示问题：</td>
    <td>
      <select>
        <option value="title">请选择一个问题</option>
        <option value="name">我的名字</option>
        <option value="sex">我的性别</option>
        <option value="age">我的年龄</option>
      </select>
    </td>
  </tr>
  <tr>
    <td align="right">密码提示答案：</td>
    <td><input type="text"></td>
  </tr>
  <tr>
    <td align="right">性别：</td>
    <td>
      <form>
        <input type="radio" name="sex" value="nan">男
        <br>
        <input type="radio" name="sex" value="nv">女
      </form>
    </td>
  </tr>
  <tr>
    <td align="right">年龄：</td>
    <td><input type="number"></td>
  </tr>
  <tr>
    <td align="right">籍贯：</td>
    <td>
      <select>
        <option value="title">请选择</option>
        <option value="name">内蒙古</option>
        <option value="sex">陕西</option>
        <option value="age">山西</option>
      </select>
       省/直辖市
      <select>
        <option value="title">请选择</option>
        <option value="name">太原</option>
        <option value="sex">临汾</option>
        <option value="age">大同</option>
      </select>
       市
    </td>
  </tr>
  <tr>
    <td align="right">爱好：</td>
    <td>
      <form>
        <input type="checkbox" name="vehicle" value="sw">上网
        <input type="checkbox" name="vehicle" value="m">看电影
        <input type="checkbox" name="vehicle" value="l">学习
      </form>
    </td>
  </tr>
  <tr>
    <td align="right">个人介绍：</td>
    <td>
      <form name="input" action="url" method="get">
        <textarea rows="10" cols="30"></textarea>
      </form>
    </td>
  </tr>
  <tr>
    <td align="right">上传头像：</td>
    <td>
      <form>
        <input type="file" name="img">
      </form>
    </td>
  </tr>
  <tr align="center">
    <td colspan="2">
      <input type="submit" value="提交">
      <input type="reset" value="重置">
    </td>
  </tr>
</table>