how2j.cn

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

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



步骤 1 :

练习效果图

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


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


问答区域    
2022-05-05 还是有亿点点差别
小桥轻轻




交作业~~~
加载中
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            font-size: 12px;
        }
        .red{
            color: red;
        }
        .blue{
            color: rgb(41,108,194);
        }
        .bold{
            font-weight: bold;
        }
        td.col1{
            width: 100px;
            text-align: right;
            padding-right:10px;
        }
        td.col2{
            width: 120px;
            padding-right: 5px;
        }
        td.col3{
            width: 300px;
            background-color: #EEEEEE;
            padding: 10px;
        }
        input[type="text"]{
            width: 120px;
        }
        input[type="password"]{
            width: 120px;
        }
    </style>
</head>
<body>
<span class="red">请注意:带有“*”的项目必须填写.</span>
<table style="border: 1px solid lightblue;">
    <tr>
        <td colspan="3" style="background-color: rgb(235,242,252);">
            <span class="blue bold">请填写您的用户名:</span>
        </td>
    </tr>
    <tr>
        <td class="col1">
            <span class="red">*</span>通行证用户名:
        </td>
        <td class="col2">
            <input type="text" placeholder="请输入用户名"><br/>
            <a href="#">查看用户名是否被占用</a>
        </td>
        <td class="col3">
            用户名由a~z的英文字母(不区分大小写)、0~9的数字、<b>点</b>、<b>减号</b>或<b>下划线</b>组成,长度为3~18个字符,只能以数字或者字母开头和结尾,例如:kyzy_001.
        </td>
    </tr>
    <tr>
        <td colspan="3" style="background-color: rgb(235,242,252);border-top:2px solid lightblue;">
            <span class="blue bold">请填写安全设置:</span><span class="blue">(安全设置用于验证账号和找回密码)</span>
        </td>
    </tr>
    <tr>
        <td colspan="3"><span class="red">以下信息对保证您账号的安全极为重要,请您务必认真填写.</span></td>
    </tr>
    <tr>
        <td class="col1" style="vertical-align: bottom;">
            <span class="red">*</span>输入登录密码:
        </td>
        <td class="col2" style="vertical-align: bottom;">
            <label><input type="password"></label>
        </td>
        <td class="col3" rowspan="2">
            密码长度为6~16位,区分字母大小写,登陆密码可以由字母、数字、特殊字符组成.【<a href="#">更多说明</a>】
        </td>
    </tr>
    <tr>
        <td class="col1" style="vertical-align: top;">
            <span class="red">*</span>登录密码确认:
        </td>
        <td class="col2" style="vertical-align: top;">
            <label><input type="password"></label>
        </td>
    </tr>
    <tr>
       <td colspan="3">
           <div style="width:100%;padding-top:2px;margin-bottom:2px;border-bottom:2px solid lightblue;"></div>
       </td>
    </tr>
    <tr>
        <td class="col1" style="vertical-align: bottom;">
            <span class="red">*</span>密码提示问题:
        </td>
        <td class="col2" style="vertical-align: bottom;">
            <label><input type="text"></label>
        </td>
        <td class="col3" rowspan="2">
            当您忘记密码时可以由此找回密码. 例如,问题是“我的哥哥是谁?”,答案为“peter2”. 问题长度<b>不大于36</b>个字符,一个汉字占两个字符. 答案长度在6~30位之间,区分大小写.【<a href="#">更多说明</a>】
        </td>
    </tr>
    <tr>
        <td class="col1" style="vertical-align: top;">
            <span class="red">*</span>密码提示答案:
        </td>
        <td class="col2" style="vertical-align: top;">
            <label><input type="text"></label>
        </td>
    </tr>
    <tr>
        <td colspan="3">
            <div style="width:100%;padding-top:2px;margin-bottom:2px;border-bottom:2px solid lightblue;"></div>
        </td>
    </tr>
    <tr>
        <td class="col1" style="vertical-align: bottom;">
            <span class="red">*</span>输入安全码:
        </td>
        <td class="col2" style="vertical-align: bottom;">
            <label><input type="text"></label>
        </td>
        <td class="col3" rowspan="2">
            安全码是您找回密码的重要途径,安全码长度为6~16位,区分字母大小写,由字母、数字、特殊字符组成。<span class="red">特别提醒:安全码一旦设定,将不可自行修改.</span>【<a href="#">更多说明</a>】
        </td>
    </tr>
    <tr>
        <td class="col1" style="vertical-align: top;">
            <span class="red">*</span>安全码确认:
        </td>
        <td class="col2" style="vertical-align: top;">
            <label><input type="text"></label>
        </td>
    </tr>
    <tr>
        <td colspan="3">
            <div style="width:100%;padding-top:2px;margin-bottom:2px;border-bottom:2px solid lightblue;"></div>
        </td>
    </tr>
    <tr>
        <td colspan="3" style="text-align: center;padding-bottom: 5px;">
            <input type="submit" value="提交表单">
        </td>
    </tr>
</table>
</body>
</html>

							


1 个答案

CharlieLong
答案时间:2023-10-27
作业答案



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2022-03-19 comprehensive exercise3
莫諾




综合练习3
<body>
	<div class="cred">请注意: 带有“*”的项目必须填写.</div>
	<div class="tab">
		<table height="400px">
			<tr height="3%">
			</tr>
			<tr height="17%">
				<td width="16%" align="center"></td>
			</tr>
			<tr height="4%">
				<td class="bg" colspan="3">
				</td>
			</tr>
			<tr height="3%">
				<td colspan="3"></td>
			</tr>
			<tr height="15%">
				<td width="16%" align="center"></td>
				<td width="24%"></td>
				<td width="58%" bgcolor="LightGrey"></td>
			</tr>
			<tr height="4%">
				<td colspan="3"></td>
			</tr>
			<tr height="18%">
				<td width="16%" align="center"></td>
				<td width="24%"></td>
				<td width="58%" bgcolor="LightGrey"></td>
			</tr>
			<tr height="4%">
				<td colspan="3"></td>
			</tr>
			<tr height="18%">
				<td width="16%" align="center"></td>
				<td width="24%"></td>
				<td width="58%" bgcolor="LightGrey"></td>
			</tr>
			<tr height="1%">
				<td colspan="3"></td>
			</tr>
			<tr height="11%">
				<td colspan="3" align="center">
				</td>
			</tr>
		</table>
	</div>
</body>

							





回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2022-01-27 尽力去还原布局了
2021-04-15 还原度较高
2021-03-25 近最大努力去还原页面了


提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 24 条以前的提问,请 点击查看

提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
关于 前端部分-CSS-综合性练习3 的提问

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

上传截图