表单
是一个容器,用来存储客户端(浏览器)用户填写的信息的容器,通过提交按钮将表单容器里面的信息提交到服务器存储起来,以后可以调用。
<form id="register1" name="register" action="/login" method="get/post">
</form>
<form id="register2" name="register" action="" method="get/post">
</form>
id:指的是表单的id(唯一),js通过表单id操作表单
如身份证号
501107 19990909 0832(X)
name:指的是表单的名字(不唯一),同上
action:指的是处理表单或者接收表单信息的url
method:指的是表单提交的方法,默认get(不安全)post(安全)
<input>
标签(表单里面的控件)
<input type=””>
标签用来定义的控件
表单中可以包含很多控件,其中,用标签定义的控件有单行文本框、密码框、提交按钮、重置按钮、普通按钮、单选按钮、复选框以及上传文件按钮等。这些控件是表单的核心控件,在表单设计中被频繁地使用。
(1)单行文本框
单行文本框指的是表单中可以输入一行文本的输入框,通过设置
<input>
标签的type属性为text来指定。其格式如下:
<input type=“text” name=“…” value=“…” size=“…” maxlength=“…” onchange=“…” onselect=“…” onfocus=“…”/>
其中:
name指的是单行文本框的名称;
value指的是单行文本框的默认的初始值;
size指的是单行文本框的显示宽度;
maxlength指的是单行文本框允许用户输入的最大的字符数;
onchange指的是当文本框内文本发行改变时调用的脚本语句或函数;
onselect指的是当文本框内的文本被选中时调用的脚本语句或函数;
onfocus指的是当文本框获得焦点时调用的脚本语句或函数;
onclick
(2)密码框
密码框通过指定标签的type属性值为password来实现。在密码框中输入字符时,显示的都是*或者实心圆点,密码框的用法和单行文本框的用法基本相同,其格式如下:
(3)提交按钮
提交按钮通过指定标签的type属性值为submit来实现。单击了提交按钮后,提交按钮所在的表单的内容会被提交到表单标签中action属性所指的处理程序。提交按钮的使用格式如下:
其中,value指的是提交按钮上显示的提示文字,一般为“Submit”或者“提交”。
(4)重置按钮
重置按钮通过指定标签的type属性值为reset来实现。当单击重置按钮时,重置按钮所在的表单中的所有控件的内容将会被清除,回到控件的默认的初始值,可以重新在控件中输入数据。重置按钮的使用格式如下:
<input type=“reset” value=“…”/>
其中,value指的是重置按钮上显示的提示文字,一般为“Reset”或者“重置”。
(5)普通按钮
除了以上提交按钮和重置按钮之外,还可以使用普通按钮。通过设置标签的type属性值为button来实现。在表单中使用普通按钮,必须使用onclick调用处理脚本或脚本函数,使用格式如下:
<input type=“button” name=“…” value=“…” onclick=“…” onfocus=“…”/>
其中:
name指的是普通按钮的名字;
value指的是普通按钮上的提示文字;
onclick指的是当单击普通按钮时执行的脚本语句或函数;
onfocus指的是当普通按钮获得焦点时执行的脚本语句或函数;
(6)单选按钮
单选按钮通过指定标签的type属性值为radio实现,其格式如下:
<input type=“radio” name=“…” value=“…” onclick=“…” onfocus=“…” checked />
其中:
name指的是单选按钮的名称,多个单选按钮属于同一个选项组,必须具有相同的name值;
value指的是单选按钮的值;
checked属性项可选,如果单选按钮的默认状态为被选中,则将checked写在其属性列内;如果不将checked写在其属性列内,则单选按钮的默认状态为未选中;
onclick指的是当单击单选按钮时执行的脚本语句或脚本函数;
onfocus指的是当单选按钮获得焦点时执行的脚本语句或脚本函数;
(7)复选按钮
复选按钮通过指定标签的type属性值为checkbox来实现。其使用格式如下:
<input type=“checkbox” name=“…” value=“…” onclick=“…” onfocus=“…” checked/>
复选按钮默认的选中状态也通过checked指定,多个复选按钮是否处于同一个选项组也通过name属性指定。其属性可参照单选按钮的属性说明。
(8)隐藏域
表单中的隐藏域在浏览器中是不可见的,因此用户不能借助隐藏域进行交互操作。一般通过隐藏域来传递一些为开发者服务的信息,例如动态方法的调用、Session会话跟踪等。隐藏域通过指定<input>
标签的type属性值为hidden来实现,其格式如下:
<input type=“hidden” value=“…” name=“…”/>
(9)上传文件域
上传文件域通过指定<input>
标签的type属性值为file来实现。它包括一个文本框和一个按钮。其格式如下:
<input type=“file” name=“…” value=“…”/>
其中:
name指的是上传文件域的名称;
value指的是上传文件域中的按钮的提示文字,一般为“选择文件”或“浏览……”。
(10)日期选择框
生日:<input type="date" id="birthday" name="birthday">
(11)文本域
<textarea rows="5" cols="20">文本域
(12)下拉菜单
下拉列表使用一对<select>
标签来实现,其格式如下:
<select name=“…” >
<option value=“…” selected=“selected”>选项1提示信息</option>
<option value=”…”>选项2提示信息</option>
</select>
总结:
1.表单当中 <form> <input>
有 id 、name 这两个共同属性
2. <input>
当中通过改变 type的值来改变控件类型,type里面有 10中类型
text、 password 、 submit 、 reset、 button、 radio 、 checkbox、hidden、file、date
练习:
1.代码实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格</title>
</head>
<body>
<ul>
<li>编号</li>
<li>名称</li>
<li>数量</li>
<li>单价</li>
<li>金额</li>
</ul>
<ol start="5">
<li>编号</li>
<li>名称</li>
<li>数量</li>
<li>单价</li>
<li>金额</li>
</ol>
<table border="1" cellspacing="0" cellpadding="5" >
<caption>购物车</caption>
<thead>
<tr bgcolor="#a9a9a9" align="center">
<th>编号</th>
<th>名称</th>
<th>数量</th>
<th>单价</th>
<th>金额</th>
</tr>
</thead>
<tbody>
<tr align="center">
<td width="50" rowspan="3">1</td>
<td width="50">电脑</td>
<td width="50">2</td>
<td width="50">6000</td>
<td width="60">12000</td>
</tr>
<tr align="center">
<td>手机</td>
<td>5</td>
<td>3000</td>
<td>15000</td>
</tr>
<tr align="center">
<td>笔记本</td>
<td>1</td>
<td>4000</td>
<td>4000</td>
</tr>
</tbody>
<tfoot>
<tr align="center">
<td colspan="4">总计:</td>
<td>31000</td>
</tr>
</tfoot>
</table>
</body>
<h4>用户注册</h4>
<form action="" method="get" name="register">
<p>
<lable for="username">帐号:</lable>
<input type="text" id="username" name="username" placeholder="不超过八个字符" >
</p>
<p>
<lable for="password">密码:</lable>
<input type="password" id="password" name="password" placeholder="6-16个字符" >
</p>
<p>
<lable for="email">邮箱:</lable>
<input type="email" id="email" name="email" placeholder="example@mail.com" required >
</p>
<p>
<lable for="age">年龄:</lable>
<input type="number" id="age" name="age" min="16" max="70">
</p>
<p>
<lable for="birthday">生日:</lable>
<input type="date" id="birthday" name="birthday">
</p>
<p>
<lable for="course">课程:</lable>
<select name="course" id="course" size="1">
<option value="0">HTML5</option>
<option value="1">PHP</option>
<option value="2">JAVA</option>
<option value="3">MYSQL</option>
<option value="04">CSS</option>
</select>
</p>
<p>
<lable for="pro">爱好:</lable>
<input type="checkbox" name="hobby" value="game" id="game">
<lable for="game">打游戏</lable>
<input type="checkbox" name="hobby" value="pro" id="pro">
<lable for="game">看电影</lable>
<input type="checkbox" name="hobby" value="gameS" id="gameS">
<lable for="gameS">写代码</lable>
</p>
<p>
<lable for="abc">性别:</lable>
<input type="radio" name="def" value="abc" id="abc"><lable for="abc">男</lable>
<input type="radio" name="def" value="female" id="female"><lable for="female">女</lable>
<input type="radio" name="def" value="secrecy" id="secrecy"><lable for="secrecy">保密</lable>
</p>
<p>
<lable>简介:</lable>
<textarea name="comment" id="" cols="30" rows="10"></textarea>
</p>
<p>
<button type="submit">提交</button>
</p>
</form>
</html>
2.代码实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<p><b><h1 align="center">表单练习</h1></b></p>
<body>
<table width="50%" border="1px" align="center" cellspacing="0px">
<tbody>
<tr align="center">
<td >姓名:</td>
<td><input type="text" name="userName"></td>
</tr>
<tr align="center">
<td>密码:</td>
<td><input type="password" name="psd"></td>
</tr>
<tr align="center">
<td>确认密码:</td>
<td><input type="password" name="confirmpsd"></td>
</tr>
<tr align="center">
<td>邮箱:</td>
<td><input type="text" name="mail"></td>
</tr>
<tr align="center">
<td>性别:</td>
<td>
男<input type="radio" name="gender" checked>
女<input type="radio" name="gender">
</td>
</tr>
<tr align="center">
<td>爱好:</td>
<td>
吃饭<input type="checkbox" name="hobby" checked>
玩耍<input type="checkbox" name="hobby">
休息<input type="checkbox" name="hobby">
</td>
</tr>
<tr align="center">
<td>城市:</td>
<td>
<select id="mySelect"name="mySelect">
<option>哈尔滨</option>
<option>石家庄</option>
<option>兰州</option>
<option>昆明</option>
<option>成都</option>
<option>长春</option>
<option>沈阳</option>
<option>西安</option>
<option>西宁</option>
<option>郑州</option>
<option>济南</option>
<option>太原</option>
<option>合肥</option>
<option>武汉</option>
<option>长沙</option>
<option>南京</option>
<option>贵阳</option>
<option>南宁</option>
<option>杭州</option>
<option>南昌</option>
<option>广州</option>
<option>福州</option>
<option>台北</option>
<option>海口</option>
<option>呼和浩特</option>
<option>银川</option>
<option>乌鲁木齐</option>
<option>拉萨</option>
<option>澳门</option>
<option>北京</option>
<option>上海</option>
<option>香港</option>
<option>天津</option>
<option>重庆</option>
</select>
</td>
</tr>
<tr align="center">
<td>自我介绍:</td>
<td>
<textarea rowspan="5" colspan="20" id="textarear" name="textarear">属于你个人的介绍,请填写</textarea>
</td>
</tr>
<tr align="center">
<td colspan="2">
<input type="submit" value="立即注册">
</td>
</tr>
</tbody>
</table>
</body>
</html>
3.代码实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>简历填写</title>
</head>
<body>
<table width="100%" cellspacing="0px">
<tbody>
<tr>
<td colspan="10" bgcolor="black">
<p><b><h4><font color="white"> ICBC <u>中国工商银行</u></font></h4></b></p>
</td>
</tr>
<tr>
<td colspan="5"><font color="red">简历填写 中文简历或英文简历完整即可投递</font></td>
<td colspan="5" align="right">
简历名称:<input type="text" value="个人简历">
<select id="language" name="language">
<option>中文简历</option>
<option>英文简历</option>
</select>
</td>
</tr>
<tr>
<td colspan="11"><h1>个人简历<hr></h1></td>
</tr>
<tr>
<a name="head"></a>
<td colspan="9"><b>
<a href="#foot">教育经历</a><font color="red">*</font>
<a href="#foot1">大学阶段本科有关情况</a><font color="red">*</font>
<a href="#foot2">计算机技能</a><font color="red">*</font>
<a href="#foot3">工作(实习)及社会经历</a><font color="red">*</font>
<a href="#foot4">其他</a><font color="red">*</font>
<a href="#foot5">承诺</a><font color="red">*</font><br><br>
*个人基本信息<hr></b>
姓名<font color="red">*</font><input type="text" name="text"><br><br>
证件号码<font color="red">*</font><input type="text" name="ID"><br><br>
出生日期<font color="red">*</font><input type="date" name="date"><br><br>
籍贯<font color="red">*</font><input type="text" name="text"><br><br>
现居住地<font color="red">*</font><input type="text" name="text"><br><br>
高考生源地<font color="red">*</font><input type="text" name="text"><br><br>
政治面貌<font color="red">*</font>
<select id="yourSelect" name="yourSelect">
<option>--请选择--</option>
<option>中共党员</option>
<option>中共预备党员</option>
<option>共青团员</option>
<option>民革党员</option>
<option>民盟盟员</option>
<option>民建会员</option>
<option>民进会员</option>
<option>农工党党员</option>
<option>致公党党员-</option>
<option>九三学社社员</option>
<option>台盟盟员</option>
<option>无党派民主人士</option>
<option>群众</option>
<option>其他</option>
</select><br><br>
身高(cm)<font color="red">*</font><input type="text" name="text"><br><br>
血型<font color="red">*</font>
<select id="yourSelect2" name="yourSelect2">
<option>--请选择--</option>
<option>A型</option>
<option>B型</option>
<option>O型</option>
<option>AB型</option>
<option>不详</option>
</select><br><br>
<form>
电子邮箱<font color="red">*</font><input type="email"><br><br>
</form>
是否接受调剂<font color="red">*</font><br><br>
男<input type="radio" name="gender"checked>
女<input type="radio" name="gender"><br><br>
紧急联系人<font color="red">*</font><input type="text" name="text"><br><br>
参加笔试城市(总行本部)<font color="red">*</font>
<select type="yourSelect3" name="yourSelect3">
<option>--请选择--</option>
<option>无</option>
<option>北京</option>
<option>上海</option>
<option>天津</option>
<option>南京</option>
<option>武汉</option>
<option>广州</option>
<option>合肥</option>
<option>成都</option>
<option>杭州</option>
<option>沈阳</option>
<option>西安</option>
<option>哈尔滨</option>
<option>厦门</option>
<option>长沙</option>
<option>兰州</option>
<option>伦敦</option>
<option>纽约</option>
<option>悉尼</option>
<option>巴黎</option>
<option>旧金山</option>
<option>墨尔本</option>
<option>多伦多</option>
</select><br><br>
是否拥有外国国籍、国(境)外永久居留权或长住许可<font color="red">*</font><br><br>
是<input type="radio" name="tumple"checked>
否<input type="radio" name="tumple"><br><br>
期望月薪<font color="red">*</font>
<select id="yourSelect4" name="yourSelect4">
<option>--请选择--</option>
<option>1000以下</option>
<option>1000-2000</option>
<option>2000-3000</option>
<option>3000-4000</option>
<option>4000-5000</option>
<option>5000-6000</option>
<option>6000-7000</option>
<option>7000-8000</option>
<option>8000-9000</option>
<option>9000-10000</option>
<option>10000-20000</option>
<option>20000以上</option>
</select><br><br>
认定标准
<select id="yourSelect5" name="yourSelect5">
<option>纳入生源地扶贫办等政府相关部门登记在册的贫困家庭</option>
<option>纳入高等院校贫困生库</option>
<option>获得贫困大学生国家励志奖(助)学金</option>
</select><br><br>
贫困生证明材料<font color="red">*</font><input type="file" name="file"><br><br>
证件照<font color="red">*</font><input type="file" name="file"><br><br>
<font color="#00bfff"><h6>支持上传jpg、jpeg、或gif。<br>证件照要求一寸免冠,大小在30k以内,尺寸为100*140.<br>生活照要求大小在200k以内,尺寸为320*240</h6></font>
证件类型
<select id="yourSelect6" name="yourSelect6">
<option>--请选择--</option>
<option>身份证</option>
<option>护照</option>
<option>香港身份证</option>
<option>其他</option>
</select><br><br>
性别<font color="red">*</font><br><br>
男<input type="radio" name="gender"checked>
女<input type="radio" name="gender"><br><br>
国家或地区<font color="red">*</font>
<select type="yourSelect7" name="yourSelect7">
<option>--请选择--</option>
<option>中国</option>
<option>中国香港</option>
<option>中国澳门</option>
<option>中国台湾</option>
<option>阿富汗</option>
<option>阿尔巴尼亚</option>
<option>阿尔及利亚</option>
<option>阿根廷</option>
<option>阿拉伯联合酋长国</option>
<option>阿联酋</option>
<option>安道尔</option>
<option>安哥拉</option>
<option>安提瓜和巴布达</option>
<option>亚美尼亚</option>
<option>澳大利亚</option>
<option>奥地利</option>
<option>阿塞拜疆</option>
<option>巴哈马</option>
<option>巴林</option>
<option>孟加拉国</option>
<option>巴巴多斯</option>
<option>白俄罗斯</option>
<option>比利时</option>
<option>伯利兹</option>
<option>贝宁</option>
<option>不丹</option>
<option>玻利维亚</option>
<option>波黑</option>
<option>博茨瓦纳</option>
<option>巴西</option>
<option>文莱</option>
<option>保加利亚</option>
<option>布基纳法索</option>
<option>布隆迪</option>
<option>柬埔寨</option>
<option>喀麦隆</option>
<option>佛得角</option>
<option>加泰罗尼亚(西班牙)*</option>
<option>中非共和国</option>
<option>乍得</option>
<option>智利</option>
<option>哥伦比亚</option>
<option>科摩罗</option>
<option>刚果共和国</option>
<option>刚果民主共和国</option>
<option>库克群岛(新西兰)*</option>
<option>哥斯达黎加</option>
<option>科特迪瓦</option>
<option>克罗地亚</option>
<option>古巴</option>
<option>塞浦路斯</option>
<option>捷克</option>
<option>丹麦</option>
<option>吉布提</option>
<option>顿涅茨克*</option>
<option>多米尼克</option>
<option>多米尼加</option>
<option>厄瓜多尔</option>
<option>埃及</option>
<option>萨尔瓦多</option>
<option>赤道几内亚</option>
<option>厄立特里亚</option>
<option>爱沙尼亚</option>
<option>埃塞俄比亚</option>
<option>斐济</option>
<option>芬兰</option>
<option>法国</option>
<option>加蓬</option>
<option>冈比亚</option>
<option>格鲁吉亚</option>
<option>德国</option>
<option>加纳</option>
<option>希腊</option>
<option>格林纳达</option>
<option>危地马拉</option>
<option>几内亚</option>
<option>几内亚比绍</option>
<option>圭亚那</option>
<option>海地</option>
<option>匈牙利</option>
<option>冰岛</option>
<option>印度</option>
<option>印度尼西亚</option>
<option>伊朗</option>
<option>伊拉克</option>
<option>爱尔兰</option>
<option>以色列</option>
<option>意大利</option>
<option>牙买加</option>
<option>日本</option>
<option>约旦</option>
<option>哈萨克斯坦</option>
<option>肯尼亚</option>
<option>基里巴斯</option>
<option>韩国</option>
<option>科索沃*</option>
<option>科威特</option>
<option>吉尔吉斯斯坦</option>
<option>老挝</option>
<option>拉脱维亚</option>
<option>黎巴嫩</option>
<option>莱索托</option>
<option>利比里亚</option>
<option>利比亚</option>
<option>列支敦士登</option>
<option>立陶宛</option>
<option>卢森堡</option>
<option>马达加斯加</option>
<option>马拉维</option>
<option>马来西亚</option>
<option>马尔代夫</option>
<option>马耳他骑士团*</option>
<option>马里</option>
<option>马耳他</option>
<option>马绍尔群岛</option>
<option>毛里塔尼亚</option>
<option>毛里求斯</option>
<option>墨西哥</option>
<option>密克罗尼西亚联邦</option>
<option>摩尔多瓦</option>
<option>摩纳哥</option>
<option>蒙古国</option>
<option>黑山</option>
<option>摩洛哥</option>
<option>莫桑比克</option>
<option>缅甸</option>
<option>纳戈尔诺-卡拉巴赫*</option>
<option>纳米比亚</option>
<option>瑙鲁</option>
<option>爱沙尼亚</option>
<option>尼泊尔</option>
<option>荷兰</option>
<option>新西兰</option>
<option>尼加拉瓜</option>
<option>尼日尔</option>
<option>尼日利亚</option>
<option>纽埃(新西兰)*</option>
<option>北塞浦路斯*</option>
<option>北马其顿</option>
<option>挪威</option>
<option>阿曼</option>
<option>巴基斯坦</option>
<option>帕劳</option>
<option>巴勒斯坦*</option>
<option>巴拿马</option>
<option>巴布亚新几内亚</option>
<option>巴拉圭</option>
<option>朝鲜</option>
<option>秘鲁</option>
<option>菲律宾</option>
<option>波兰</option>
<option>葡萄牙</option>
<option>德涅斯特河沿岸*</option>
<option>邦特兰*</option>
<option>卡塔尔</option>
<option>罗马尼亚</option>
<option>俄罗斯</option>
<option>卢旺达</option>
<option>圣基茨和尼维斯</option>
<option>圣卢西亚</option>
<option>圣文森特和格林纳丁斯</option>
<option>萨摩亚</option>
<option>圣马力诺</option>
<option>圣多美和普林西比</option>
<option>沙特阿拉伯</option>
<option>塞内加尔</option>
<option>塞尔维亚</option>
<option>塞舌尔</option>
<option>塞拉利昂</option>
<option>新加坡</option>
<option>斯洛伐克</option>
<option>斯洛文尼亚</option>
<option>所罗门群岛</option>
<option>索马里</option>
<option>索马里兰*</option>
<option>南非</option>
<option>南奥塞梯*</option>
<option>南苏丹</option>
<option>西班牙</option>
<option>斯里兰卡</option>
<option>苏丹</option>
<option>苏里南</option>
<option>斯威士兰</option>
<option>瑞典</option>
<option>瑞士</option>
<option>叙利亚</option>
<option>塔吉克斯坦</option>
<option>坦桑尼亚</option>
<option>泰国</option>
<option>东帝汶</option>
<option>多哥</option>
<option>汤加</option>
<option>特立尼达和多巴哥</option>
<option>突尼斯</option>
<option>土耳其</option>
<option>土库曼斯坦</option>
<option>图瓦卢</option>
<option>乌干达</option>
<option>乌克兰</option>
<option>英国</option>
<option>美国</option>
<option>乌拉圭</option>
<option>乌兹别克斯坦</option>
<option>瓦努阿图</option>
<option>梵蒂冈</option>
<option>委内瑞拉</option>
<option>越南</option>
<option>西撒哈拉*</option>
<option>也门</option>
<option>赞比亚</option>
<option>津巴布韦</option>
</select><br><br>
民族<font color="red">*</font>
<select type="yourSelect8" name="yourSelect8">
<option>--请选择--</option>
<option>汉族</option>
<option>满族</option>
<option>蒙古族</option>
<option>回族</option>
<option>藏族</option>
<option>维吾尔族</option>
<option>苗族</option>
<option>彝族</option>
<option>壮族</option>
<option>布依族</option>
<option>侗族</option>
<option>瑶族</option>
<option>白族</option>
<option>土家族</option>
<option>哈尼族</option>
<option>哈萨克族</option>
<option>傣族</option>
<option>黎族</option>
<option>傈僳族</option>
<option>佤族</option>
<option>畲族</option>
<option>高山族</option>
<option>拉祜族</option>
<option>水族</option>
<option>东乡族</option>
<option>纳西族</option>
<option>景颇族</option>
<option>柯尔克孜族</option>
<option>土族</option>
<option>达斡尔族</option>
<option>仫佬族</option>
<option>羌族</option>
<option>布朗族</option>
<option>撒拉族</option>
<option>毛南族</option>
<option>仡佬族</option>
<option>锡伯族</option>
<option>阿昌族</option>
<option>普米族</option>
<option>朝鲜族</option>
<option>塔吉克族</option>
<option>怒族</option>
<option>乌孜别克族</option>
<option>俄罗斯族</option>
<option>鄂温克族</option>
<option>德昂族</option>
<option>保安族</option>
<option>裕固族</option>
<option>京族</option>
<option>塔塔尔族</option>
<option>独龙族</option>
<option>鄂伦春族</option>
<option>赫哲族</option>
<option>门巴族</option>
<option>珞巴族</option>
<option>基诺族</option>
</select><br><br>
居住地详情<font color="red">*</font><input type="text" value="25字以内"><br><br>
家庭住址<font color="red">*</font><input type="text" value="25字以内"><br><br>
入党团时间<font color="red">*</font><input type="date" name="text"><br><br>
体重(kg)<font color="red">*</font><input type="text" name="text"><br><br>
健康状况<font color="red">*</font>
<select id="yourSelect8" name="yourSelect8">
<option>--请选择--</option>
<option>健康</option>
<option>一般或较弱</option>
<option>有慢性病</option>
<option>有生理缺陷</option>
<option>残疾(有残疾证)</option>
</select><br><br>
移动电话<font color="red">*</font>
<select id="yourSelect9" name="yourSelect9">
<option>大陆</option>
<option>港澳台或海外</option>
</select>
<form>
<input type="tel" name="tel"><br><br>
</form>
<form>
固定电话<input type="tel" name="tel"><br><br>
</form>
紧急联系人电话<font color="red">*</font><select id="yourSelect10" name="yourSelect10">
<option>大陆</option>
<option>港澳台或海外</option>
</select>
<form>
<input type="tel" name="tel"><br><br>
</form>
参加笔试城市(非总行本部)<font color="red">*</font>
<select type="yourSelect10" name="yourSelect10">
<option>--请选择--</option>
<option>无</option>
<option>北京</option>
<option>上海</option>
<option>天津</option>
<option>南京</option>
<option>武汉</option>
<option>广州</option>
<option>合肥</option>
<option>成都</option>
<option>杭州</option>
<option>沈阳</option>
<option>西安</option>
<option>哈尔滨</option>
<option>厦门</option>
<option>长沙</option>
<option>兰州</option>
<option>伦敦(自费考点)</option>
<option>纽约(自费考点)</option>
<option>悉尼(自费考点)</option>
<option>巴黎(自费考点)</option>
<option>旧金山(自费考点)</option>
<option>墨尔本(自费考点)</option>
<option>多伦多(自费考点)</option>
</select><br><br>
是否有亲属(包括配偶、直系血亲、三代以内旁系血亲及近姻亲)在工商银行工作<font color="red">*</font><br><br>
是<input type="radio" name="work"checked>
否<input type="radio" name="work"><br><br>
是否贫困生<font color="red">*</font><br><br>
是<input type="radio" name="poor"checked>
否<input type="radio" name="poor"><br><br>
贫困生的情况说明<font color="red">*</font><input type="textarea" value="请简述说明情况(250字以内)"><br>
生活照<font color="red">*</font><input type="file" name="file"><br><br>
<input type="submit" value="保存"><br><br><br><br>
<a name="foot"></a>
</td>
</tr>
<tr>
<td><b>
<a href="#head">个人基本信息</a><font color="red">*</font>
<a href="#foot1">大学阶段本科有关情况</a><font color="red">*</font>
<a href="#foot2">计算机技能</a><font color="red">*</font>
<a href="#foot3">工作(实习)及社会经历</a><font color="red">*</font>
<a href="#foot4">其他</a><font color="red">*</font>
<a href="#foot5">承诺</a><font color="red">*</font><br><br>
*教育经历<hr></b>
开始时间<font color="red">*</font><input type="date" name="date"><br><br>
结束时间<font color="red">*</font><input type="date" name="date"><br><br>
学校<font color="red">*</font><input type="textarea" value="境外学校请填写教育部认证中文全称;境内院校请填写学校全称"><br><br>
是否海外留学<font color="red">*</font><br><br>
是<input type="radio" name="tumple"checked>
否<input type="radio" name="tumple"><br><br>
学历<font color="red">*</font>
<select type="yourSelect11" name="yourSelect11">
<option>--请选择--</option>
<option>无</option>
<option>其他</option>
<option>小学</option>
<option>初中</option>
<option>高中</option>
<option>职高</option>
<option>技校</option>
<option>中专</option>
<option>中技</option>
<option>大专</option>
<option>大学本科</option>
<option>双学位</option>
<option>大学普通班</option>
<option>硕士研究生</option>
<option>博士研究生</option>
</select><br><br>
是否最高学历<font color="red">*</font><br><br>
是<input type="radio" name="tumple"checked>
否<input type="radio" name="tumple"><br><br>
学位<font color="red">*</font>
<select type="yourSelect12" name="yourSelect12">
<option>--请选择--</option>
<option>博士</option>
<option>硕士</option>
<option>学士</option>
<option>其他</option>
<option>无学位</option>
</select><br><br>
是否最高学位<font color="red">*</font><br><br>
是<input type="radio" name="tumple"checked>
否<input type="radio" name="tumple"><br><br>
班级排名(区间)<font color="red">*</font>
<select type="yourSelect3" name="yourSelect3">
<option>--请选择--</option>
<option>前5%</option>
<option>前10%</option>
<option>前20%</option>
<option>前30%</option>
<option>前40%</option>
<option>前50%</option>
<option>其他</option>
</select><br><br>
学学习形式<font color="red">*</font>
<select type="yourSelect3" name="yourSelect3">
<option>--请选择--</option>
<option>全日制教育</option>
<option>在职教育</option>
<option>其他</option>
</select><br><br>
是否学生干部<font color="red">*</font><br><br>
是<input type="radio" name="tumple"checked>
否<input type="radio" name="tumple"><br><br>
担任职务<font color="red">*</font><input type="textarea" value="25字以内"><br><br>
奖学金<font color="red">*</font><input type="textarea" value="25字以内"><br><br>
其他奖励<font color="red">*</font><input type="textarea" value="25字以内"><br><br>
<input type="submit" value="保存"><br><br><br><br>
<a name="foot1"></a>
</td>
</tr>
<tr>
<td><b>
<a href="#head">个人基本信息</a><font color="red">*</font>
<a href="#foot">教育经历</a><font color="red">*</font>
<a href="#foot2">计算机技能</a><font color="red">*</font>
<a href="#foot3">工作(实习)及社会经历</a><font color="red">*</font>
<a href="#foot4">其他</a><font color="red">*</font>
<a href="#foot5">承诺</a><font color="red">*</font><br><br>
*大学本科阶段有关情况<hr></b>
专业录取批次<font color="red">*</font>
<select type="yourSelect14" name="yourSelect14">
<option>--请选择--</option>
<option>一本</option>
<option>二本</option>
<option>三本</option>
<option>本科提前批</option>
<option>其他</option>
</select><br><br>
是否全国统招分<font color="red">*</font><br><br>
是<input type="radio" name="out">
否<input type="radio" name="out"><br><br>
是否专升本<font color="red">*</font><br><br>
是<input type="radio" name="grade">
否<input type="radio" name="grade"><br><br>
是否网络教育<font color="red">*</font><br><br>
是<input type="radio" name="NWE">
否<input type="radio" name="NWE"><br><br>
是否成人教育<font color="red">*</font><br><br>
是<input type="radio" name="AE">
否<input type="radio" name="AE"><br><br>
<input type="submit" value="保存"><br><br><br><br>
<a name="foot2"></a>
</td>
</tr>
<tr>
<td><b>
<a href="#head">个人基本信息</a><font color="red">*</font>
<a href="#foot">教育经历</a><font color="red">*</font>
<a href="#foot1">大学阶段本科有关情况</a><font color="red">*</font>
<a href="#foot3">工作(实习)及社会经历</a><font color="red">*</font>
<a href="#foot4">其他</a><font color="red">*</font>
<a href="#foot5">承诺</a><font color="red">*</font><br><br>
*计算机技能<hr></b>
<input type="textarea" value="25字以内"><br><br>
<input type="submit" value="保存"><br><br><br><br>
<a name="foot3"></a>
</td>
<tr>
<td><b>
<a href="#head">个人基本信息</a><font color="red">*</font>
<a href="#foot">教育经历</a><font color="red">*</font>
<a href="#foot1">大学阶段本科有关情况</a><font color="red">*</font>
<a href="#foot2">计算机技能</a><font color="red">*</font>
<a href="#foot4">其他</a><font color="red">*</font>
<a href="#foot5">承诺</a><font color="red">*</font><br><br>
*工作(实习)及社会经历<hr></b><input type="textarea" value="25字以内"><br><br>
工作形式
<select type="yourSelect14" name="yourSelect14">
<option>--请选择--</option>
<option>全职</option>
<option>实习</option>
</select><br><br>
开始时间<input type="date"><br><br>
结束时间<input type="date"><br><br>
工作(实习)单位<input type="textarea" value="25字以内"><br><br>
工作(实习)部门及岗位<input type="textarea" value="25字以内"><br><br>
职务名称<input type="textarea"><br><br>
主要工作职责和业绩<input type="textarea" value="240字以内"><br><br>
<input type="submit" value="保存"><br><br><br><br>
<a name="foot4"></a>
</td>
</tr>
<tr>
<td><b>
<a href="#head">个人基本信息</a><font color="red">*</font>
<a href="#foot">教育经历</a><font color="red">*</font>
<a href="#foot1">大学阶段本科有关情况</a><font color="red">*</font>
<a href="#foot2">计算机技能</a><font color="red">*</font>
<a href="#foot3">工作(实习)及社会经历</a><font color="red">*</font>
<a href="#foot5">承诺</a><font color="red">*</font><br><br>
*其他<hr></b>
是否已与其他单位签有工作合同协议,或在其他单位工作且尚未办理离职手续<font color="red">*</font><br><br>
是<input type="radio" name="work">
否<input type="radio" name="work "><br><br>
是否曾被其他单位惩戒、开除、辞退<font color="red">*</font><br><br>
是<input type="radio" name="fired">
否<input type="radio" name="fired"><br><br>
是否有违法、违规违纪或其他不良行为<font color="red">*</font><br><br>
是<input type="radio" name="ligal">
否<input type="radio" name="ligal"><br><br>
是否有精神病、传染病、生理缺陷及其他严重疾病<font color="red">*</font><br><br>
是<input type="radio" name="mentalhealth">
否<input type="radio" name="mentalhealth"><br><br>
<input type="submit" value="保存"><br><br><br><br>
<a name="foot5"></a>
</td>
</tr>
<tr>
<td><b>
<a href="#head">个人基本信息</a><font color="red">*</font>
<a href="#foot">教育经历</a><font color="red">*</font>
<a href="#foot1">大学阶段本科有关情况</a><font color="red">*</font>
<a href="#foot2">计算机技能</a><font color="red">*</font>
<a href="#foot3">工作(实习)及社会经历</a><font color="red">*</font>
<a href="#foot4">其他</a><font color="red">*</font><br><br>
*承诺<hr></b>
<b>本人承诺:
1.本人自愿申请到中国工商银行工作,并承诺所填报的信息真实、准确,如存在隐瞒和编造,将由本人承担可能产生的一切责任和后果。
2.在中国工商银行规定报到期限内,如未按时取得有关证书或提供相关证明材料,工商银行有权不予接收。<font color="red">*</font>
</b><br><br>
同意接受<font color="red">*</font>
是<input type="radio" name="yes">
</td>
</tr>
<tr align="center">
<td>
<input type="submit" value="完成">
<input type="submit" value="关闭">
</td>
</tr>
</tbody>
</table>
</body>
</html>
转载:https://blog.csdn.net/dale042/article/details/102487204