网页设计10

777   ·   发表于 1个月前   ·   默认分类

<!DOCTYPE html>
<html>
 <head>
  <meta charset="gb2312">
  <title>常见表单输入元素</title>
 </head>
 <body>
  <form>
   <table border="1" width="700">
    <tr>
     <td>姓名</td>
     <td><input type="text"></td>
     <td>性别:</td>
     <td>
      <select>
       <option>--选择性别--</option>
       <option>男</option>
       <option>女</option>
      </select>
     </td>
    </tr>
    <tr>
     <td>手机号码</td>
     <td><input type="text"></td>
     <td>电子邮箱</td>
     <td><input type="text"></td>
    </tr>
    <tr>
     <td>教育程度</td>
     <td>
      <select>
       <optgroup label="九年义务教育">
        <option>小学</option>
        <option>初中</option>
       </optgroup>
       <optgroup label="自费教育">
        <option>高中</option>
        <option>大专</option>
        <option>大学</option>
        <option>硕士</option>
        <option>博士</option>
        <option>博士后</option>
       </optgroup>
      </select>
     </td>
     <td>工作职位</td>
     <td><input type="text"></td>
    </tr>
    <tr>
     <td>工作城市</td>
     <td>
      <input id="txtMoviel" list="listMovies"/>
      <datalist id="listMovies">
       <option>--选择城市--</option>
       <option>--上海--</option>
       <option>--深圳--</option>
       <option>--北京--</option>
       <option>--广州--</option>
       <option>--西安--</option>
      </datalist>
     </td>
     <td>期望工资</td>
     <td>
      <input id="txtMovie2" list="listMovies" />
      <datalist id="listMovies">
       <option>--选择区间--</option>
       <option>--8w-10w--</option>
       <option>--10w-12w--</option>
       <option>--12w-14w--</option>
       <option>--14w-16w--</option>
       <option>--16w+--</option>
      </datalist>
     </td>
    </tr>
    <tr>
     <td>自我介绍</td>
     <td colspan="3"><textarea></textarea></td>
    </tr>
    <tr>
     <td>特长</td>
     <td colspan="3"><textarea></textarea></td>
    </tr>
    <tr>
     <td>地址</td>
     <td colspan="3"><textarea></textarea></td>
    </tr>
   </table>
   <input type="submit" value="添加" />
   <input type="reset" value="重置" /><br/>
  </form>
 </body>
</html>

0 Reply   |  Until 1个月前 | 26 View
LoginCan Publish Content