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

注意表单中常用的各个元素的特点！

ch02_6.html

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>学生信息注册页面</title></head><body><h3 align="center">学生信息注册</h3><form name="stu"action=""><table align="center"><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="stuShool"></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"wrap="virtual"></textarea></td></tr><tr><td><input type="submit"value="提交"><input type="reset"value="取消"></td></tr></table></form></body>
</html>

页面运行结果：

表单设计案例---学生入校注册页面设计相关推荐

一个简单的用表单标签做的html学生入校注册页面
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding=& ...
ajax注册表单用户名实时验证,Ajax注册表单用户名实时验证..doc
Ajax注册表单用户名实时验证. Ajax注册表单用户名实时验证 1.1.1 摘要很多时候在网站上注册时,我们会发现,注册表单通常需要检查用户名和电子邮件地址的可用性:从而确保用户之间不拥有相同的用 ...
JavaScript学习（六十八）—表单校验案例
JavaScript学习(六十八)-表单校验案例学习内容 (一).如何获取页面的元素-利用id获取格式:var 变量名称 =document.getElementById('要获取的元素的id的值 ...
HTML-6.表单学习—如何做一个注册（登录）网页
目录 (2)账号:(input,text) (3)密码:(input,password) (4)提交:(imput,submit) (5)重置:(input,reset) (6)知识点 (7)单选框标 ...
java post 登陆_java HttpPost 密码登录和提交表单的案例
记录java HttpPost 密码登录鉴权和提交表单的案例,使用的是httppost而不是HttpURLConnection httpost需要下面的依赖 org.apache.httpcompon ...
[html] From表单提交时为什么会刷新页面？怎么预防刷新？
[html] From表单提交时为什么会刷新页面?怎么预防刷新? 因为早期网页交互模型只能是浏览器提交数据给服务器,服务器做出响应重新返回一个页面,浏览器加载这个页面进行显示.早期前端没有编程式发送网 ...
web前端——表单注册页面设计（注册信息）
任务要求如下: 设计学生信息注册网页,主要要求如下: 设置页面标题为"新生报到": 使用表格布局,令页面内容居中显示: 使用h3标签居中显示"注册信息",并设置 ...
设计灵感|举足轻重！登录、注册页面设计案例
登录注册页是链接用户跟产品中间的纽带,连接产品与用户.不同的产品会有不同的登录注册方式,设计时要注意账号区.背景.引导元素的搭配选择.当产品的需求是避免用户停留,让用户快速操作则可以选择纯色背景,按钮 ...

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

表单设计案例---学生入校注册页面设计相关推荐

最新文章

热门文章