HTML 基础之 注册信息表

 新手学习HTML,一边学习一边写点东西,总结与巩固。有错误的地方还请大佬们多多指教下。

这个表格的还是比较容易简单的,不多说。直接上代码:

<!DOCTYPE html>
<html>
	<!--编码-->
	<meta charset="utf-8" />
	<!--
        	作者:三一
        	时间:2018-07-29
        	描述:HTML基本的操作之         注册信息表        	                                    
        -->

	<head>
		<!--网页名字-->
		<title>表格</title>
	</head>

	<body>		
		<table border="1" align="center" cellpadding="3" cellspacing="3">
			<caption>				
				<font color="blue" size="7">注册信息</font>
			</caption>
			<form>
				<tr>
					<td align="right">用户名:</td>
					<td><input type="text" \></td>
				</tr>
				<tr>
					<td align="right">密码:</td>
					<td><input type="password" \></td>
				</tr>
				<tr>
					<td align="right">确认密码:</td>
					<td><input type="password" \></td>
				</tr>
				<tr>
					<td align="right">性别:</td>
					<td><input type="radio" name="sex" checked="checked" \>男
						<input type="radio" name="sex" />女
					</td>
				</tr>
				<tr>
					<td align="right">爱好:</td>
					<td><input type="checkbox" />读书
						<input type="checkbox" />上网
						<input type="checkbox" />音乐
					</td>
				</tr>
				<tr>
					<td align="right">文件:</td>
					<td><input type="text">
						<input type="file">
					</td>
				</tr>
				<tr>
					<td align="right">省份</td>
					<td>
						<select>
							<option selected="selected">广西</option>
							<option>广东</option>
							<option>北京</option>
						</select>
					</td>
				</tr>
				<tr>
					<td align="right">备注</td>
					<td>
						<textarea rows="12" cols="50"></textarea>
					</td>
				</tr>
				<tr align="center">
					<td colspan="2">
						<input type="reset" value="重置" />
						<input type="submit" value="提交" />
					</td>
				</tr>
			</form>
		</table>
	</body>

</html>

其中一些相关的属性的使用我主要是通过3WC上面学习,新手可以去查阅下,很有帮助。

下面是结果截图:

刚刚接触,很多地方学习的不是很好。也希望在这里能够慢慢积累学习,文章也不会是永远不变的,会后面通过不断的学习,有了更深刻的认识,还会回来新修改这些开始的文章。

  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值