小言_互联网的博客

html复习第四课(2_34_0924_html)

215人阅读  评论(0)

表单

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

<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
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场