how2j.cn

相关下载
文件名 文件大小
answer.html 3k

工具版本兼容问题
使用前面用到的各种表单元素,实现如下效果。
答案在右侧,尽量先自己做。


步骤 1 :

练习效果图

Or  姿势不对,事倍功半! 点击查看做练习的正确姿势
这是一个常见的注册页面
输入用户名,密码,email,性别,生日,手机等等

注意
: 居住地的省,市,区,街道只是举的例子,并不是要求把全国的都列罗出来
练习效果图


HOW2J公众号,关注后实时获知布最新的教程和优惠活动,谢谢。


问答区域    
2018-03-15 交作业
AKZ



交作业
<html>
<head>
<meta http-equiv="Contet-Type" content="text/http;charset=GB2312">
<title>练习效果图-注册页面</title>
</head>
<body>
<table>
<!--<form action="study/login.jsp" method="post">-->
<tr >
	<td align="right"><font color="red">*</font><strong>用户名:</strong></td>
	<td ><input type="text" name="username" style="background-color:LavenderBlush"><font color="red"><strong>&nbsp用户名不得小于3个字符</strong></font></td><br/>
</tr>
<tr>
	<td align="right"><font color="red">  *</font><strong>密码:</strong></td>
	<td><input type="password" name="password" style="background-color:LavenderBlush"></td><br/>
</tr>
<tr>
	<td align="right"><font color="red">*</font><strong>确认密码:</strong></td>
	<td><input type="password" name="password" style="background-color:LavenderBlush"></td><br/>
</tr>
<tr>
	<td align="right"><font color="red">*</font>Email:</td>
	<td><input type="text" name="email" style="background-color:LavenderBlush"></td><br/>
</tr>
<tr>
	<td align="right"><font color="red">*</font><strong>真实姓名:</strong></td>
	<td><input type="text" name="realname" style="background-color:LavenderBlush"></td><br/>
</tr>
<tr>
	<td align="right"><font color="red">*</font><strong>性别:</strong></td>
	<td><select  style="background-color:LavenderBlush">
		<option>男</option>
		<option>女</option>
		<option>外星人</option>
	</select></td>
</tr>
<br/>
<tr>
	<td align="right"><font color="red">*</font><strong>生日:</strong></td>

	<td><select  style="background-color:LavenderBlush">
		<option>1990</option>
		<option>1991</option>
		<option>1992</option>
		<option>1993</option>
		<option>1994</option>
		<option>1995</option>
		<option>1996</option>
		<option>1997</option>
		<option>1998</option>
		<option>1999</option>
		<option>2000</option>
		<option>2001</option>
		<option>2002</option>
	</select>
	<select  style="background-color:LavenderBlush">
		<option>1</option>
		<option>2</option>
		<option>3</option>
		<option>4</option>
		<option>5</option>
		<option>6</option>
		<option>7</option>
		<option>8</option>
		<option>9</option>
		<option>10</option>
		<option>11</option>
		<option>12</option>
	</select>
	<select  style="background-color:LavenderBlush">
		<option>1</option>
		<option>2</option>
		<option>3</option>
		<option>4</option>
		<option>5</option>
		<option>6</option>
		<option>7</option>
		<option>8</option>
		<option>9</option>
		<option>10</option>
		<option>11</option>
		<option>12</option>
		<option>13</option>
		<option>14</option>
		<option>15</option>
		<option>16</option>
		<option>17</option>
		<option>18</option>
		<option>19</option>
		<option>20</option>
		<option>21</option>
		<option>22</option>
		<option>23</option>
		<option>24</option>
		<option>25</option>
		<option>26</option>
		<option>27</option>
		<option>28</option>
		<option>29</option>
		<option>30</option>
		<option>31</option>
	</select></td>
<br/>
</tr>
<tr>
	<td align="right"><font color="red">*</font><strong>手机:</strong></td>
	<td><input type="text" name="number" style="background-color:LavenderBlush"></td>
</br>
</tr>
<tr>
	<td align="right"><font color="red">*</font><strong>居住地:</strong></td>
	<td><select  style="background-color:LavenderBlush">
		<option>河南省</option>
		<option>北京市</option>
		<option>北京市</option>
	</select>
	<select  style="background-color:LavenderBlush">
		<option>郑州市</option>
		<option>新郑市</option>
		<option>开封市</option>
		<option>洛阳市</option>
	</select>
	<select  style="background-color:LavenderBlush">
		<option>中牟县</option>
		<option>管城回族区</option>
		<option>二七区</option>
		<option>金水区</option>
		<option>中原区</option>
		<option>惠济区</option>
	</select>
	<select  style="background-color:LavenderBlush">
		<option>广惠街</option>
		<option>刘集镇</option>
		<option>万滩镇</option>
		<option>三官庙乡</option>
	</select></td>
<br/>
<tr/>
<tr>
	<td align="right"><font color="red" >*</font>QQ:</td>
	<td><input type="text" name="qqnumber" style="background-color:LavenderBlush">
	<br/>
	<font color="MediumSlateBlue" size="-1">设置我的QQ在线状态</font></td>
</tr>
<!--</form>-->
</table>
</body>
</html>

							






答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2018-03-10 怎么保证密码和确认密码内的内容一致
SheyLou
如果内容不一致会出现红字提示的效果怎么做




1 个答案

练那达 答案时间:2018-03-27
后面的知识点了,这里html只是框架 css布局 js动态




答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到




2018-02-15 真是姓名那~
2017-12-24 font 的size属性等于-1
2017-10-12 font标签已废弃
2017-07-30 继续学习把
2017-07-24 生日和地址下拉列表该怎么设置?
2017-07-24 第一次做 做错了 就说怎么都没法排版,原来是要使用表格来进行排版对齐,后面一次成功了,老大帮看看符合要求吗?
2017-04-19 怎么插入后面的用户名提醒?
2016-08-12 我住在蜀都大道旁边
2016-07-14 怎么设置以冒号对齐?
2016-06-13 那个地址的下拉列表里的地址真的要一个一个打上去么?
2016-05-29 管理员你好




提问之前请登陆
关于 前端基础-HTML-阶段性练习3 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 620943819
站长会在每个工作日早上尽量回答提问(如果有漏掉没有回答的,请进群提醒一下)
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
站长是玻璃心,提问的时候请语气温柔些 kiss~
截止2017-5-19日累计提问 1638个,站长回答了 1546个
截止2017-8-15日累计提问 2788个,站长回答了 2544个

上传截图