美文网首页
3.24申请表(表单的高级应用)

3.24申请表(表单的高级应用)

作者: Tn299 | 来源:发表于2019-03-24 17:31 被阅读0次

    题目

    (一)申请表
    1.需求
    (1) .教育程度:默认选中硕士
    (2) .国籍:有美国、澳大利亚、日本、新加坡,默认选中澳大利亚
    1.实现效果


    image.png

    代码

    <body>
      <form action="#" method="past">
       <table width="700" height="400" cellpadding="0" cellspacing="0" align="center">
         <tr>
           <td><h1>申请表</h1></td>
         </tr>
         <tr>
           <td>姓名<input type="text" name="username" value=""></td>
         </tr>
         <tr>
           <td>
             教育程度
             <input type="checkbox" name="jy" value="ss" checked="checked">硕士
             <input type="checkbox" name="jy" value="bs">博士
           </td>
         </tr>
         <tr>
           <td>
           性别:
           <label for="sex">男</label>
           <input type="radio" name="xb" id="sex">
           <label for="sexr">女</label>
           <input type="radio" name="xb" id="sexr">
           </td>
         </tr>
         <tr>
           <td>月薪<input type="text" name="money" value="" maxlength="10"></td>
         </tr>
         <tr>
           <td>附注<textarea name="fz" cols="25" rows="5">请在这里键入附注</textarea></td>
         </tr>
         <tr>
           <td>
            国籍
            <select name="ads">
              <option value="1" selected="selected">澳大利亚</option>
              <option value="2">美国</option>
              <option value="3">日本</option>
              <option value="4">新加坡</option>
            </select>
           </td>
         </tr>
         <tr>
           <td>
            <input type="submit" name="btn" value="提交">
            <input type="reset" name="cz" value="重置">
           </td>
         </tr>
       </table>
      </form>
    </body>
    

    效果图

    image.png

    相关文章

      网友评论

          本文标题:3.24申请表(表单的高级应用)

          本文链接:https://www.haomeiwen.com/subject/urwuvqtx.html