你的位置:首页 > 网页设计

[网页设计]html select实例应用 (新手上路 )


有不问题的地方  还忘指点

源代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>51job单</title>
</head>
<body>
<p><font > &bull;</font>&nbsp;<font size="5"><strong>基本个人信息</strong> </font>(<font color="red">&lowast;</font>为必填项)</p>
<br>
<font color="red">&lowast;</font><strong>&nbsp;姓 名</strong> &nbsp; &nbsp;&nbsp;<input type="text" >
<br><br>
<font color="red">&lowast;</font><strong>&nbsp;性 别</strong>
&nbsp;&nbsp;&nbsp;<input type="radio" name="sex">男 <input type="radio" name="sex">女
<br><br>
<font color="red">&lowast;</font><strong>&nbsp;出生日期</strong>
&nbsp;&nbsp;<select>
<option selected="selected">2016</option>
<option>2015</option>
</select>

<select>
<option selected="selected">9</option>
<option>8</option>
</select>

<select>
<option>3</option>
<option>2</option>
</select>

<br><br>
&nbsp; <strong>国家或地区</strong>&nbsp;
<select >
<option>中国大陆</option>
<option>中国台湾</option>
</select>
&nbsp;&nbsp;&nbsp;&nbsp;<strong>户 &nbsp; 口</strong>&nbsp;&nbsp;&nbsp;&nbsp;<select >
<option>成都</option>
<option>广安</option>
</select>
<br><br>
<font color="red">&lowast;</font><strong>&nbsp;证件号</strong>
&nbsp;&nbsp;&nbsp;<input type="text" >
&nbsp;<font color="red">&lowast;</font><strong>&nbsp;证件类型</strong>
&nbsp;&nbsp;&nbsp;
<select >
<option value="身份证">身份证</option>
<option>学生证</option>
</select>
<br><br>
&nbsp; <strong>目前年薪</strong> &nbsp;&nbsp;<select >
<option>--请输入--</option>
<option>10000</option>
</select>
/年 &nbsp;&nbsp;<strong>币 &nbsp; 种</strong>
&nbsp;&nbsp;&nbsp;
<select >
<option>人民币</option>
<option>欧元</option>
</select>
<br><br>
<font color="red">&lowast;</font><strong>&nbsp;工作年限</strong>
&nbsp;&nbsp;<select >
<option>3年</option>
<option>2年</option>
<option selected="selected">--请选择--</option>
</select>
<br><br>
<font color="red">&lowast;</font><strong>&nbsp;居住地</strong>
&nbsp;&nbsp;&nbsp;<select >
<option>河南省</option>
<option selected="selected">四川省</option>
</select>
<select >
<option>成都市</option>
<option selected="selected">南充市</option>
</select>
<font >选项中没有的城市,选省即可。</font>
<br><br>
<font color="red">&lowast;</font><strong>&nbsp;Email</strong>
&nbsp;&nbsp;&nbsp;
<input type="text" >
<br><br>
<font color="red">&lowast;</font><strong>&nbsp;首选联系方式</strong>
<select>
<option>联通电话</option>
<option selected="selected">移动电话</option>
</select>
<input type="text" >
-
<input type="text">
<br><br>
<font color="red">&lowast;</font><strong>&nbsp;地 址</strong>
&nbsp;&nbsp;&nbsp;
<input type="text" >
<br><br>
<font color="red">&lowast;</font><strong>&nbsp;邮 编</strong>
&nbsp;&nbsp;&nbsp;
<input type="text" >
<font >地址和邮政编码请同时填写(香港:000000)</font>
<br><br>
&nbsp; <strong>在线联系</strong>
<br><br>
&nbsp; <strong>旺旺(淘宝版)ID</strong>
<input type="text" >
<br><br><br><br>
<hr>
<font > &bull;</font> &nbsp;<font size="5"><strong>求职意向</strong></font>
<br><br>
&nbsp;&nbsp;<strong>工作类型</strong>
&nbsp;&nbsp;
<select >
<option>全职</option>
<option>兼职</option>
</select>

<br><br>
&nbsp;&nbsp;&nbsp;&nbsp;<strong>地点</strong>
&nbsp;&nbsp;
<select >
<option selected="selected">成都</option>
<option selected="selected">南充</option>
<option selected="selected">绵阳</option>
<option selected="selected">广安</option>
<option selected="selected">宜宾</option>
<option selected="selected">选择/修改</option>
</select>
&nbsp;(可多选,最多可选5项)
<br><br>
&nbsp;&nbsp;&nbsp;&nbsp;<strong>行业</strong>
&nbsp;&nbsp;
<select >
<option selected="selected">饮食</option>
<option selected="selected">金融</option>
<option selected="selected">IT</option>
</select>
&nbsp;(可多选,最多可选5项)
<br><br>
&nbsp;&nbsp;&nbsp;&nbsp;<strong>职能</strong>
&nbsp;&nbsp;
<select >
<option>勾引总裁</option>
<option>勾引副总</option>
<option>勾引经理</option>
</select>
<br><br>
&nbsp;&nbsp;&nbsp;&nbsp;<strong>工资</strong>
&nbsp;&nbsp;
<select >
<option>面议</option>


</select>
&nbsp; /月
<br><br>
<br>
<hr>
<font > &bull;</font> &nbsp;<font size="5"><strong>自我评价</strong></font>
<br><br><br><br>
请在输入框输入您对自己的评价,字数在150字以内。
请简明扼要的说明您最大的优势是什么,避免使用一些老套或空洞的话。范例一:<img src="素材/问号.png" >
&nbsp;范例二:<img src="素材/问号.png" >
<br><br>
<input type="text" >
<br><br>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<button >上一步</button>&nbsp;
<button >下一步</button>
</p>




























</body>
</html>
还原网页为

新手作品 还请老司机多多指点 qq332846999 可私下交流