美文网首页
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申请表(表单的高级应用)

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

  • 3.24调查问卷(表单的高级应用)

    题目 1.制作调查问卷需求说明(1) .使用语义化的标签制作调查问卷。(2) .能够实现鼠标点击文本时,与文本对应...

  • 3.24问卷调查表(表单的高级应用)

    题目 (一)问卷调查表1.需求(1) .请输入您的购买日期:月份下拉选项为1-12月,日期下拉选项1-31日(2)...

  • Day09_表格表单和统筹

    学习目标 1、表单标签及属性高级 2、表格标签及属性高级 3、CSS统筹 4、BFC概念和应用场景 一、表单标签及...

  • HTML表单高级应用

    (一)表单的隐藏域 有一些表单不需要在网页上显示,但后台服务器需要这些数据进行业务处理。比如用户的id。语法: 语...

  • 在线申请表单

    申请YC孵化计划的在线表单,一共有32个问题,其中有很多开放性的问题: 一两句话介绍一下每位项目创始人,能够说明他...

  • 小白入门须知--信用卡申请表填写技巧--如何提高通过率

    不管从哪一个渠道申请信用卡,申请表单的填写都是必不可少的流程之一,由此可见申请表单对银行来说是一个很重要的资质参考...

  • django随笔 : 申请表单

    要实现下图所示的申请表单。其中: ​ 学校名称、联系电话必填; ​ 学校地址、联系人、邮箱选填; ​ ...

  • 前端——表单

    表单 现实中表单用来提交信息的如:办卡的申请表,打工填写的简历,入学的个人信息等都可以算是一个表单 网页中的表单是...

  • 前端(七)

    表单的基本设置 表单 现实生活中的表单是用来提交信息的,比 如:办理银行卡填写的申请表、找工作填 写的简历、入学时...

网友评论

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

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