how2j.cn

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

工具版本兼容问题
参考答案在右侧下载


步骤 1 :

练习效果图

Or  姿势不对,事倍功半! 点击查看做练习的正确姿势
练习效果图


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


问答区域    
2018-10-01 交作业
我会努力学JAVA的



不太完善,写不下去了太类了
<html>
<head>
<style>
table.t1{
	width:50%;
	border-collapse:collapse;
	font-size:70%;
	font-family:微软雅黑;
	border: 2px solid #ADD8E6;
}
div.div1{
	font-size:80%;
	font-family:微软雅黑;
	color:red;
}
div.div2{
	color:#008B8B;
	font-weight:bold;
	font-size:15px;
	padding:1px;
	margin:1px;
	background-color:#ADD8E6;
}
div.div3{
	background-color:#F5F5F5;
	margin:1px;
	letter-spacing:2
}
div.submit{
	margin:7px;
}

tr.bottom_line{
	border-bottom-color:#00FFFF;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
</style>
</head>
<body>
<div class="div1">请注意:带有“*”的项目必须填写</div>
<table class="t1">
	<tr>
		<td colspan="3"><div class="div2">填写您的用户名:</div></td>
	</tr>
	<tr class="bottom_line">
		<td width="20%"><font color="red">*</font>通行证用户名</td>
		<td width="20%"><input type="text" placeholder="请输入用户名"></br><a href="#">查看用户名是否被占用</a></td>
		<td><div class="div3">用户名由a~z的英文字母(不区分大小写)、0~9的数</br>字、点、<strong>减号</strong>或<strong>下划线</strong>组成,长度为3~18个字符,只能以</br>数字或者字母开头和结尾,例如:kyzy_001.</div></td>
	</tr>
	<tr>
		<td colspan="3"><div class="div2">请填写安全设置:(安全设置用于验证账号和找回密码)</div></td>
	</tr>
	<tr>
		<td colspan="3"><span><font color="red">以下信息对保证您账号的安全极为重要,请您务必认真填写</font></span></td>
	</tr>
	<tr class="bottom_line">
		<td><span><font color="red">*</font>输入登录密码:</br><font color="red">*</font>登录密码确认</span></td>
		<td><input type="text"></br><input type="text"></td>
		<td><div class="div3">密码长度为6~16位,区分字母大小写,登录密码可以由字</br>母、数字、特殊字符组成.【<a href="#">更多说明</a>】</div></td>
	</tr>
	<tr class="bottom_line">
		<td><span><font color="red">*</font>密码提示问题:</br><font color="red">*</font>密码提示答案</span></td>
		<td><input type="text"></br><input type="text"></td>
		<td><div class="div3">当您忘记密码时可以由找回密码.例如,问题是“我的哥哥</br>是谁”,答案为“peter2”.问题长度<strong>不大于36</strong>个字符,</br>一个汉子占两个字符,答案长度在6~30位之间,区分大小</br>写.【<a href="#">更多说明</a>】</div></td>
	</tr>
	<tr class="bottom_line">
		<td><span><font color="red">*</font>输入安全码:</br><font color="red">*</font>安全码确认</span></td>
		<td><input type="text"></br><input type="text"></td>
		<td><div class="div3">安全码时您找回密码的重要途径,安全码长度为6~16位,</br>区分字母大小写,由字母,数字特殊字符组成.<font color="red">特别提醒:</br>安全码一旦设定,将不可自行修改.</font>【<a href="#">更多说明</a>】</div></td>
	</tr>
	<tr>
	<td colspan="3" align="center"><input style="margin:10px;" type="button" value="提 交 表 单"></td>
	</tr>
</table>
</body>
</html>

							






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





2018-08-13 交作业
Hanson_java



左边两个框的居中没弄好
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style>
*{
margin:0;
padding:0;}
input{
width:123px;
}
div.container{
font-family:微软雅黑;
font-size:12px;
}
div.container p.noting{
color:red;
}
div.container div.table{
border:1px solid rgb(222,231,250);
padding:3;
width:563px;
}
div.container div.table p.title{
background-color:rgb(237,242,252);
color:rgb(66,107,194);
font-weight:bold;
font-size:13px;
text-align:left;
}
div.container div.table p.title span{
font-weight:normal;
}
div.container div.table div.left{
display:inline-block;
margin-left:18px;
width:40%;
}
div.container div.table div.left span{
color:red;
}
div.container div.table div.left p{
display:inline-block;}
div.container div.table div.left div.top{
margin-bottom:3px;
}
div.container div.table div.left div.bottom{
padding-left:95px;
}
div.container div.table div.right{
display:inline-block;
width:56%;
margin:2 0;
}
div.container div.table div.right p{
background-color:rgb(245,245,245);
padding:10px;
}
div.container div.table div.right p span{
color:red;}
div.container div.table div.fengexian{
background-color:rgb(222,231,250);
height:2px;
width:100%;
}
div.container div.table div.submit{
margin-top:7px;
margin-bottom:5px;
text-align:center;
}
</style>
</head>
<body>
<div class="container">
<p class="noting">请注意:带有"*"的项目必须填写.</p>
<div class="table">
<p class="title">请填写您的用户名:</p>
<div class="left">
<div class="top">
<p><span>*</span>通行证用户名:</p>
<input type="text" />
</div>
<div class="bottom">
<a href="#">查看用户名是否被占用</a>
</div>
</div>
<div class="right">
<p>用户名由a~z的英文字母(不区分大小写)、0~9的数字、<b>点</b>、<b>减号</b>、或<b>下划线</b>组成,长度为3~18个字符,只能以数字或者字母开头和结尾,例如:kyzy_001.</p>
</div>
<p class="title">请填写安全设置:<span>(安全设置用于验证账号和找回密码)</span></p>
<p class="noting"><b>以下信息对保证您账号的安全极为重要,请您务必认真填写.</b></p>
<div class="left">
<div class="top">
<p><span>*</span>输入登陆密码:</p>
<input type="text" />
</div>
<div class="top">
<p><span>*</span>登陆密码确认:</p>
<input type="text" />
</div>
</div>
<div class="right">
<p>密码长度为6~16位,区分字母大小写,登陆密码可以由字母、数字、特殊字符组成.【<a href="#">更多说明</a>】</p>
</div>
<div class="fengexian"></div>
<div class="left">
<div class="top">
<p><span>*</span>密码提示问题:</p>
<input type="text" />
</div>
<div class="top">
<p><span>*</span>密码提示答案:</p>
<input type="text" />
</div>
</div>
<div class="right">
<p>当您忘记密码时可以由此找回密码.例如,问题是“我的哥哥是谁?”,答案为“peter2”.问题长度<b>不大于</b>36个字符,一个汉字占两个字符。答案长度在6~30位之间,区分大小写.【<a href="#">更多说明</a>】</p>
</div>
<div class="fengexian"></div>
<div class="left">
<div class="top">
<p><span>*</span>输入安全码:</p>
<input type="text" />
</div>
<div class="top">
<p><span>*</span>安全码确认:</p>
<input type="text" />
</div>
</div>
<div class="right">
<p>安全码是您找回密码的重要途经,安全码长度为6~16位,区分字母大小写,由字母、数字、特殊字符组成.<span>特别提醒:安全码一旦设定,将不可自行修改.</span>【<a href="#">更多说明</a>】</p>
</div>
<div class="fengexian"></div>
<div class="submit">
<input type="submit" value="提 交 表 单">
</div>
</div>
</div>
</body>
</html>

							






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





2018-06-07 作业
2018-06-05 作答!
2017-12-22 交作业
2017-12-20 用table快很多,虽然我写的比较慢
2017-03-14 也是按照图片写了一个,不是用table写的
2017-02-24 练习题贴图
2017-01-14 照图搞了一个...
2016-11-04 简单做了一下 做得不好 见谅(效果图 见下)
2016-11-02 没有见答案呢?




提问之前请登陆
关于 前端部分-CSS-综合性练习3 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 902680467
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
在已经存在的几千个提问里,有相当大的比例,是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本,可以节约自己大量的学习时间。 站长把教学中用的软件版本整理了,都统一放在了这里, 方便大家下载: http://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图