Java Web 2.1.4 HTML 表单标签与表单设计 (实例)
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 表单标签与表单设计 (实例)相关推荐
- html表单标签与表单设计
html表单标签与表单设计 1.form标签及其属性 2.input标签及其属性 ①文本域:text ②密码域:password ③单选按钮:radio ④复选按钮:checkbox ⑤提交按钮:su ...
- web前端期末大作业 html+css+javascript 酒庄网页设计实例(5个页面)~学生网页设计制作...
web前端期末大作业 html+css+javascript 酒庄网页设计实例(5个页面)~学生网页设计制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...
- Spring MVC数据绑定和表单标签的应用(附带实例)
为了让读者进一步学习数据绑定和表单标签,本节给出了一个应用范例 springMVCDemo04.该应用中实现了 User 类属性和 JSP 页面中表单参数的绑定,同时在 JSP 页面中分别展示了 in ...
- 表单标签——input表单元素、select下拉表单元素和textarea文本域
表单标签 表单的目的是为了收集用户信息.在网页中,我们也要跟用户进行交互,收集用户资料,此时就需要表单. 表单的组成:在HTML中,一个完整的表单通常由表单域.表单控件(也称为表单元素)和提示信息三部 ...
- HTML基本语法之表单标签:表单的组成 ,表单域,表单控件元素(表单元素) ,input表单元素, label标签, 表单控件(表单元素), select表单元素, textarea表单元素
文章目录 表单标签 表单的组成 表单域 常用属性: 表单控件元素(表单元素) input表单元素 label标签 表单控件(表单元素) select表单元素 textarea表单元素 表单元素几个总结 ...
- Java Web学习总结(12)——使用Session防止表单重复提交
在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单,我们在开发中必须防止表单重复提交. 一.表单重复提 ...
- 表单域 表单标签及表单控件的使用
表单域: form:指放表单控件的区域. form:他也是一个块元素可以定义大小.<form></form> 里面可以嵌套其他属性,acion="接口地址" ...
- Java Web学习总结(44)—— RESTful 架构和 RESTful API 设计总结
前言 REST这个词是2000年Roy Fielding在他的博士论文中提出的,Fielding参与了http协议的设计,也是Apache web server项目的参与者.他的这篇博士论文可以说对互 ...
- Java Web学习总结(18)——JSP标签
一.JSP标签介绍 JSP标签也称之为Jsp Action(JSP动作)元素,它用于在Jsp页面中提供业务逻辑功能,避免在JSP页面中直接编写java代码,造成jsp页面难以维护. 二.JSP常用标签 ...
- web前端实训作业 html+css+javascript 水果超市网页设计实例 企业网站制作
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游戏. 节日. ...
最新文章
- python3 multiprocessing 多进程 列表类型 listproxy 清除内容
- ajax基础学习笔记
- Winpcap网络编程十之Winpcap实战,两台主机通过中间主机通信
- 我是如何指数级提升开发技术的?
- mysql动态扩展_动态可扩展查询MYSQL5.7JSON+虚拟列+Mybatis
- shell变量的使用
- php指定时间 n天,PHP实现指定时间的n月之前的这一天的两种算法
- 计算机动画---计算机动画的光栅方法
- 联合国devnet_联合国人权可能会适用于人工智能,如果是这样,考虑一下自动驾驶汽车的奇怪案例
- 北京市内可以攀登的八座山
- 移动联通基站定位查询
- 纪录片:互联网之子 亚伦·斯沃茨的故事
- linux 字幕制作工具,Arctime可视化字幕编辑器–做字幕从未如此简单
- vue:移动端使用ckplayer
- Python制作七夕表白实例项目-让你的情人心动起来
- oracle中怎么跳出循环,oracle 跳出循环方法
- 夫妻环卫工9年同扫一条街 为省钱住在立交桥下
- Git Basics - Viewing the Commit History
- isPrototypeOf、instanceof、hasOwnProperty函数介绍
- draw.io在线画图站点
热门文章
- Selenium批量下载抖音无水印高清视频
- 贝壳雕刻者怎样才能创造出更好的作品
- Tone-Mapped Image Quality Assessment
- 大众帕萨特卡尔福安卓智能车载导航评测
- games101 材质与外观
- OCR如何识别PDF图片中的文字
- python timepicker_Android之日期时间选择控件DatePicker和TimePicker
- Oracle中的函数(详细!!!)
- 同济大学计算机科学系下设几个专业,同济大学计算机科学与技术系简介
- 南京大学计算机科学与技术系陈东东,南京大学2016年硕士生学业奖学金评审结果计算机科学与技术系...