how2j.cn

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

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


步骤 1 :

练习效果图

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

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


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


问答区域    
2018-11-17 交作业
淅淅细雨



勉勉强强
<html>
<table>
<tr>
<td align="right"><font color="red">*</font>用户名:</td>
<td><input type="text"><font color="red" size="-1">用户名不能少于3个字符</font></td>
</tr>

<tr>
<td align="right"><font color="red">*</font>密码:</td>
<td><input type="password"></td>
</tr>

<tr>
<td align="right"><font color="red">*</font>确认密码:</td>
<td><input type="password"></td>
</tr>

<tr>
<td align="right"><font color="red">*</font>Email:</td>
<td><input type="text"></td>
</tr>

<tr>
<td align="right"><font color="red">*</font>真实姓名:</td>
<td><input type="text"></td>
</tr>

<tr>
<td align="right"><font color="red">*</font>性别:</td>
<td>
<select>
<option>男</option>
<option>女</option>
</select>
</td>
</tr>

<tr>
<td align="right"><font color="red">*</font>生日:</td>
<td>
<select>
<option>1980</option>
<option>1981</optipn>
</select> 

<select>
<option>1</option>
<option>2</optipn>
</select>

<select>
<option>1</option>
<option>2</optipn>
</select></td>
</tr>

<tr>
<td align="right"><font color="red">*</font>手机:</td>
<td><input type="text"></td>
</tr>

<tr>
<td align="right"><font color="red">*</font>居住地:</td>
<td>
<select>
<option>四川省</option>
<option>广东省</optipn>
</select>

<select>
<option>成都市</option>
<option>广州市</optipn>
</select>

<select>
<option>成华区</option>
<option>海珠区</optipn>
</select>

<select>
<option>三下乡</option>
<option>上下巷</optipn>
</select>
</td>
</tr>

<tr>
<td align="right"><font color="red">*</font>QQ:</td>
<td><input type="text"><br><font color="skyblue">设置我的QQ在线状态</font></td>
</tr>
</table>
</html>

							






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





2018-11-08 交作业
m迷糊小z



还行
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8">
</head>
<body>
	<table width="100%">
		<tr>
			<td align="right"><font color="#FF0000">*</font>用户名</td>
			<td><input name="user" type="text" size="30"/><font color="red">用户名不得小于3个字符</font></td>
		</tr>
		<tr>
			<td align="right"><font color="#FF0000">*</font>密码</td>
			<td><input name="passwd" type="password" size="30"/></td>
		</tr>
		<tr>
			<td align="right"><font color="#FF0000">*</font>确认密码</td>
			<td><input name="password" type="password" size="30"/></td>
		</tr>
		<tr>
			<td align="right"><font color="#FF0000">*</font>Email</td>
			<td><input name="email" type="text" size="30"/></td>
		</tr>
		<tr>
			<td align="right"><font color="#FF0000">*</font>真实姓名</td>
			<td><input name="name" type="text" size="10"/></td>
		</tr>
		<tr>
			<td align="right"><font color="#FF0000">*</font>性别</td>
			<td><select name="gender">
					 <option >男</option>
					 <option >女</option>
					</select></td>
		</tr>
		<tr>
			<td align="right"><font color="#FF0000">*</font>生日</td>
			<td><select name="yerar">
					<option >1990</option>
					<option >1991</option>
					<option >1992</option>
					<option >1993</option>
					<option >1994</option>
					<option >1995</option>
					<option >1996</option>					
					<option >...</option>
					<option >2010</option>
			</select>
				<select name="month">
					<option >1</option>
					<option >2</option>
					<option >3</option>
					<option >4</option>
					<option >...</option>
					<option >12</option>
				</select>
					<select name="day">
					<option >1</option>
					<option >2</option>
					<option >3</option>
					<option >4</option>
					<option >...</option>
					<option >31</option>
				</select></td>
		</tr>
		<tr>
			<td align="right"><font color="#FF0000">*</font>手机</td>
			<td><input name="phone" type="text" size="20"/></td>
		</tr>
		<tr>
			<td align="right"><font color="#FF0000">*</font>居住地</td>
			<td><select name="province">
					<option >广东省</option>
					<option >福建省</option>
					<option >湖南省</option>
					<option >湖北省</option>
					<option >四川省</option>					
					<option >...</option>
					<option >广西省</option>
			</select>
				<select name="district">
					<option>成都市</option>
			        <option>重庆市</option>
			        <option>...</option>
			        <option>北京市</option>
				</select>
					<select name="village">
					 <option>成华区</option>
			        <option>龙泉驿区</option>
			        <option>...</option>
			        <option>金牛区</option>
				</select>
					</select>
					<select name="village">
					<option>三圣乡</option>
			        <option>星辉路</option>
			        <option>...</option>
			        <option>蜀都大道</option>
				</select></td>
		</tr>
		<tr>
			<td align="right"><font color="#FF0000">*</font>QQ</td>
			<td><input name="qq" type="text" size="20"><br/><font color="#87CEEB"></font>设置我的QQ在线状态</input></td>
		</tr>
	</table>

</body>
</html>

							






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





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

上传截图