表单

是一个容器,用来存储客户端(浏览器)用户填写的信息的容器,通过提交按钮将表单容器里面的信息提交到服务器存储起来,以后可以调用。

<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>

html复习第四课(2_34_0924_html)相关推荐

  1. 第四课 脱壳必备知识要点及方法

    第四课  脱壳必备知识要点及方法 今天所要讲的是这高级篇中最为关键,最为重要的一课,希望大家能认真学习,反复推敲,举一反三学习脱壳的各种方法,当然有的时候可能需要几种方法一起使用,今后我们也会一点一点 ...

  2. 编程计算机教小明加法,Python校本课程第四课——教案

    Python校本课程第四课 课题:一个简单的加法器 数据类型的转换 教学目标: 1.能区别三种数据类型的表示以及记住相互转换命令str(),int(),float() 2.通过完成一个简单加法器的程序 ...

  3. 深入浅出CChart 每日一课——快乐高四第十四课 枝头红杏,Win32标准控件ChartCtrl之围城

    本节课笨笨继续介绍ChartCtrl控件在DuiLib中的应用. 请大家先复习高四第三课. 本节课的方法和这一课的方法差不多,由于笨笨提供了ChartCtrl这个新工具,所以编程可以有一定的简化. 首 ...

  4. 孙鑫mfc学习笔记第十四课

    第十四课 网络的相关知识,网络程序的编写,Socket是连接应用程序与网络驱动程序的桥梁,Socket在应用程序中创建,通过bind与驱动程序建立关系.此后,应用程序送给Socket的数据,由Sock ...

  5. 第四课.LinuxShell编程

    第四课目录 什么是Shell Shell编程 创建脚本 注释 Shell变量 基本运算 字符串,数组,分支循环,函数 应用实例 猜数字 获取CPU使用情况 探测本地网络 什么是Shell 有人说Lin ...

  6. 第四课:算法效率的度量和存储空间需求

    第四课 本课主题: 算法效率的度量和存储空间需求 教学目的: 掌握算法的渐近时间复杂度和空间复杂度的意义与作用 教学重点: 渐近时间复杂度的意义与作用及计算方法 教学难点: 渐近时间复杂度的意义 授课 ...

  7. NeHe OpenGL第二十四课:扩展

    NeHe OpenGL第二十四课:扩展 扩展,剪裁和TGA图像文件的加载: 在这一课里,你将学会如何读取你显卡支持的OpenGL的扩展,并在你指定的剪裁区域把它显示出来.   这个教程有一些难度,但它 ...

  8. 0.0 目录-深度学习第四课《卷积神经网络》-Stanford吴恩达教授

    文章目录 第五课 第四课 第三课 第二课 第一课 第五课 <序列模型> 笔记列表 Week 1 循环序列模型 Week 1 传送门 -> 1.1 为什么选择序列模型 1.2 数学符号 ...

  9. Coursera公开课笔记: 斯坦福大学机器学习第四课“多变量线性回归(Linear Regression with Multiple Variables)”

    Coursera公开课笔记: 斯坦福大学机器学习第四课"多变量线性回归(Linear Regression with Multiple Variables)" 斯坦福大学机器学习第 ...

最新文章

  1. Jzzhu and Chocolate
  2. shiro教程(2)- shiro介绍
  3. Linux——CentOS安装桌面
  4. 初中数学四十二个几何模型_【初中数学】一题贯穿初中几何
  5. ubuntu20.04运行海商王2
  6. python中的.idea文件夹是干嘛的
  7. 对 SolarWinds 事件更深的思考:如何防御供应链攻击
  8. Cacti+Nagios安装后按自己的相关要求修改相关信息
  9. python不会英语不会数学怎么自学-英语和数学都不好,但是我想学Python编程可以吗?...
  10. 符合 Qi 规范的移动设备无线充电解决方案
  11. 模拟卷Leetcode【普通】729. 我的日程安排表 I
  12. 台式电脑主板插线步骤图_机箱上的跳线接在主板那些位置?台式电脑主板接线示意图解教程...
  13. 移动硬盘在计算机中不显示数据能恢复,移动硬盘无法访问提示'此卷不包含可识别的文件系统'怎么办?...
  14. 安卓GB28181设备语音广播和语音对讲(Android GB28181 语音广播和语音对讲)实现
  15. 阿里云服务器ECS windows server已开放端口但连不上的问题
  16. 【头歌】顺序表的基本操作
  17. java 火车票_Java 面向对象 之 接口 火车票实例
  18. 网络招聘巨头亏损引模式之辩
  19. kafka系列之Coordinator(14)
  20. IPMSM永磁电机弱磁控制 附有说明文档 公式法MTPA

热门文章

  1. ATK-DTU-M750 物联网模块+MQTT(阿里云)配置(一)
  2. 全国绿色计算大赛 模拟赛第三阶段
  3. [渝粤教育] 厦门大学 大学生心理健康 参考 资料
  4. Android中集成讯飞语音,语音转文字以及文字转语音操作
  5. MAC BOOK用命令解压RAR文件
  6. 用友U9 UFSoft.UBF.Business.Session
  7. Zabbix监控部署(内网监控外网服务器)
  8. Espresso测试框架的使用
  9. 将动画角色导入Unity 3D
  10. 《写给大家看的设计书》(第四版)分享