how2j.cn

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

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


步骤 1 :

练习效果图

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

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


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


问答区域    
2018-06-23 对答案的疑问
猫猫咪呀
这个注册页面为啥没有form标签呢form加在那个地方合适呢




1 个答案

DarknessShadows 答案时间:2018-06-25
用来囊括所有表单标签,因为它里面的标签信息需要提交给服务器的
<form action="login.jsp" method="post">
    用户名:<input type="text" name="username"/><br>
   密码:<input type="password" name="password"/>
   <input type="submit"  value="登录"/>
</form>




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




2018-06-10 嘻嘻
ll21



敲了老半天
<html>
<body>
<head>
<meta http-equiv="Content-Tyep" content="text/html; charset=GB2312"/ >
</head>
<table width="100%">
<tbody><tr>
<td align="right"><font color="red"> * </font>用户名:</td>
<td><input type="text"size="30"><font color="red"> 用户名不得小于3个字符 </font></td>
</tr><tr>
<td align="right"><font color="red"> * </font>密码:</td>
<td><input type="password"size="30"></td>
</tr><tr>
<td align="right"><font color="red"> * </font>确认密码:</td>
<td><input type="password"size="30"></td>
</tr><tr>
<td align="right"><font color="red"> * </font><strong>Email:</strong></td>
<td><input type="text"size="30"></td>
</tr><tr>
<td align="right"><font color="red"> * </font>真实姓名:</td>
<td><input type="password"size="30"></td>
</tr><tr>
<td align="right"><font color="red"> * </font>性别:</td>
<td>
男<input type="radio"name="activity"value="男">
女<input type="radio"checked="checked"name="activity"value="女">
</td>
</tr><tr>
<td align="right"><font color="red"> * </font>生日:</td>
<td>
<select size="1">
<option> 1999 </option>
<option> 2000 </option>
<option> 2001 </option>
<option> 2002 </option>
<option> 2003 </option>
<option> 2004 </option>
<option> 2005 </option>
<option> 2006 </option>
<option> 2007 </option>
<select>
<select size="1">
<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>
<select>
<select size="1">
<option> 1 </option>
<option> 2 </option>
<option> 3 </option>
<option> 4 </option>
<option> 5 </option>
<option> 6 </option>
<option> ... </option>
<option> 8 </option>
<option> 31 </option>
<select>
</td></tr>
<tr>
<td align="right"><font color="red"> * </font>手机:</td>
<td><input type="password"size="30"></td>
</tr>
<tr>
<td align="right"><font color="red"> * </font>居住地:</td>
<td>
<select size="1">
<option> 上海 </option>
<option> 河南 </option>
<option> 江苏 </option>
<option> 重庆 </option>
<option> 四川 </option>
<option> 台湾 </option>
<option> 北京 </option>
<option> 安徽 </option>
<option> 南京 </option>
<select>
<select size="1">
<option> 郑州市 </option>
<option> 南阳市 </option>
<option> 信阳市 </option>
<option> 洛阳市 </option>
<select>
<select size="1">
<option> 经开区 </option>
<option> 管城区 </option>
<option> 朝阳区 </option>
<option> 金水区 </option>
<option> 二七区 </option>
<select>
<select size="1">
<option> 大王乡 </option>
<option> 李庄 </option>
<option> 略略略 </option>
<option> 嘤嘤嘤 </option>
<option> 编不来 </option>
<select>
</td></tr>			
<tr>
<td align="right"><font color="red"> * </font><strong>QQ:<strong></td>
<td><input type="password"size="30"></td>
</tr>
<tr>
<td></td>
<td><font color="#0099FF">设置我的QQ在线状态</font></td>
</tr>
</tbody>
</table>
</body>
</html>

							






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





2018-03-15 交作业
2018-03-10 怎么保证密码和确认密码内的内容一致
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
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
在已经存在的几千个提问里,有相当大的比例,是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本,可以节约自己大量的学习时间。 站长把教学中用的软件版本整理了,都统一放在了这里, 方便大家下载: http://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图