2.1.4 表单设计案例——学生入校注册页面设计

【例2-6】设计一个学生信息注册网页

【分析】该页面采用表单的方式设计,为了页面各元素整齐,采用表格的方式控制元素的位置。

【实现代码】

<html>
    <head><title>学生信息注册页面</title></head>
    <body>
      <h3 align="center">学生信息注册</h3>
<form name="stu" action=""> 
<table>
  <tr><td>姓名:</td><td><input type="text" name="stuName" ></td></tr>
 <tr><td>性别:</td>
<td><input type="radio" name="stuSex" checked="checked">男
   <input type="radio" name="stuSex">女
</td>
 </tr>

<tr><td>出生日期:</td>
<td><input type="text" name="stuBirthday"></td>
<td>按格式yyyy-mm-dd</td>
 </tr>

<tr><td>学校:</td><td><input type="text" name="stuSchool"></td></tr>
   <tr><td>专业:</td>
       <td><select name="stuSelect2">
   <option selected>计算机科学与技术</option>
   <option>网络工程</option>
   <option>物联网工程</option>
   <option>应用数学</option>
   </select>
</td>
 </tr>

<tr><td>体育特长:</td>
<td colspan="2">
 <input type="checkbox" name="stuCheck">篮球
 <input type="checkbox" name="stuCheck">排球
 <input type="checkbox" name="stuCheck">足球
 <input type="checkbox" name="stuCheck">游泳
       </td>
 </tr>

<tr><td>上传照片:</td><td colspan="2"><input type="file"></td></tr>
<tr><td>密码:</td><td><input type="password" name="stuPwd"></td></tr>
<tr><td>个人介绍:</td>
   <td colspan="2"><textarea name="Letter" rows="4" cols="40"></textarea></td> 
</tr>

<tr>
 <td><input type="submit" value="提交"><input type="reset" value="重填"></td>
</tr>
</table>
       <form>
    </body>
</html>

Java Web 2.1.4 HTML 表单标签与表单设计 (实例)相关推荐

  1. html表单标签与表单设计

    html表单标签与表单设计 1.form标签及其属性 2.input标签及其属性 ①文本域:text ②密码域:password ③单选按钮:radio ④复选按钮:checkbox ⑤提交按钮:su ...

  2. web前端期末大作业 html+css+javascript 酒庄网页设计实例(5个页面)~学生网页设计制作...

    web前端期末大作业 html+css+javascript 酒庄网页设计实例(5个页面)~学生网页设计制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...

  3. Spring MVC数据绑定和表单标签的应用(附带实例)

    为了让读者进一步学习数据绑定和表单标签,本节给出了一个应用范例 springMVCDemo04.该应用中实现了 User 类属性和 JSP 页面中表单参数的绑定,同时在 JSP 页面中分别展示了 in ...

  4. 表单标签——input表单元素、select下拉表单元素和textarea文本域

    表单标签 表单的目的是为了收集用户信息.在网页中,我们也要跟用户进行交互,收集用户资料,此时就需要表单. 表单的组成:在HTML中,一个完整的表单通常由表单域.表单控件(也称为表单元素)和提示信息三部 ...

  5. HTML基本语法之表单标签:表单的组成 ,表单域,表单控件元素(表单元素) ,input表单元素, label标签, 表单控件(表单元素), select表单元素, textarea表单元素

    文章目录 表单标签 表单的组成 表单域 常用属性: 表单控件元素(表单元素) input表单元素 label标签 表单控件(表单元素) select表单元素 textarea表单元素 表单元素几个总结 ...

  6. Java Web学习总结(12)——使用Session防止表单重复提交

    在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单,我们在开发中必须防止表单重复提交. 一.表单重复提 ...

  7. 表单域 表单标签及表单控件的使用

    表单域: form:指放表单控件的区域. form:他也是一个块元素可以定义大小.<form></form> 里面可以嵌套其他属性,acion="接口地址" ...

  8. Java Web学习总结(44)—— RESTful 架构和 RESTful API 设计总结

    前言 REST这个词是2000年Roy Fielding在他的博士论文中提出的,Fielding参与了http协议的设计,也是Apache web server项目的参与者.他的这篇博士论文可以说对互 ...

  9. Java Web学习总结(18)——JSP标签

    一.JSP标签介绍 JSP标签也称之为Jsp Action(JSP动作)元素,它用于在Jsp页面中提供业务逻辑功能,避免在JSP页面中直接编写java代码,造成jsp页面难以维护. 二.JSP常用标签 ...

  10. web前端实训作业 html+css+javascript 水果超市网页设计实例 企业网站制作

    常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游戏. 节日. ...

最新文章

  1. python3 multiprocessing 多进程 列表类型 listproxy 清除内容
  2. ajax基础学习笔记
  3. Winpcap网络编程十之Winpcap实战,两台主机通过中间主机通信
  4. 我是如何指数级提升开发技术的?
  5. mysql动态扩展_动态可扩展查询MYSQL5.7JSON+虚拟列+Mybatis
  6. shell变量的使用
  7. php指定时间 n天,PHP实现指定时间的n月之前的这一天的两种算法
  8. 计算机动画---计算机动画的光栅方法
  9. 联合国devnet_联合国人权可能会适用于人工智能,如果是这样,考虑一下自动驾驶汽车的奇怪案例
  10. 北京市内可以攀登的八座山
  11. 移动联通基站定位查询
  12. 纪录片:互联网之子 亚伦·斯沃茨的故事
  13. linux 字幕制作工具,Arctime可视化字幕编辑器–做字幕从未如此简单
  14. vue:移动端使用ckplayer
  15. Python制作七夕表白实例项目-让你的情人心动起来
  16. oracle中怎么跳出循环,oracle 跳出循环方法
  17. 夫妻环卫工9年同扫一条街 为省钱住在立交桥下
  18. Git Basics - Viewing the Commit History
  19. isPrototypeOf、instanceof、hasOwnProperty函数介绍
  20. draw.io在线画图站点

热门文章

  1. Selenium批量下载抖音无水印高清视频
  2. 贝壳雕刻者怎样才能创造出更好的作品
  3. Tone-Mapped Image Quality Assessment
  4. 大众帕萨特卡尔福安卓智能车载导航评测
  5. games101 材质与外观
  6. OCR如何识别PDF图片中的文字
  7. python timepicker_Android之日期时间选择控件DatePicker和TimePicker
  8. Oracle中的函数(详细!!!)
  9. 同济大学计算机科学系下设几个专业,同济大学计算机科学与技术系简介
  10. 南京大学计算机科学与技术系陈东东,南京大学2016年硕士生学业奖学金评审结果计算机科学与技术系...