注册界面初级

最新推荐文章于 2023-10-27 20:53:31 发布

Carl·杰尼龟

最新推荐文章于 2023-10-27 20:53:31 发布

阅读量163

点赞数

分类专栏：前端文章标签：简单构建注册界面

未经作者允许，不可私自转载/抄袭

本文链接：https://blog.csdn.net/qq_39052339/article/details/102960299

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

table标签使用的知识点：
标签：
table：表标签
tr：行标签
th：列标题标签
td：列标签\

th和td的区别：th标注的单元格会默认加粗居中

属性：
border：控制边框粗细npx(n为任意值)
cellspacing：控制单元格与单元格之间的边距
cellpadding：控制单元格的内容与边框的左边距
colspan：合并列
rowspan：合并行
align：控制元素位置
placeholder：设置提示信息

form标签使用的知识点：
form:表单标签
input：输入项标签

属性：
type：输入框类型
name：对输入框进行分组
value：为输入框设定默认值\为按钮设置名称

type中的类型：
number：只能输入数字类型
text：文本类型
tel：电话号码类型
radio：单选按钮类型
date：日期–精确到日
datetime-local：日期–精确到分
button：普通按钮–需要设置name，否则无名称

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册作业</title>
	</head>
	<body>
		<table border="" cellspacing="" cellpadding="">
			<tr>
				<td>用户名</td>
				<td>
					<form>
						<input type="text" name="username" placeholder="请输入账户" />
					</form>
				</td>
			</tr>
			<tr>
				<td>密码</td>
				<td>
					<form>
						<input type="password" name="password" placeholder="请输入密码" />
					</form>
				</td>
			</tr>
			<tr>
				<td>Email</td>
				<td>
					<form>
						<input type="text" name="email" placeholder="请输入Email" />
					</form>
				</td>
			</tr>
			<tr>
				<td>姓名</td>
				<td>
					<form>
						<input type="text" name="name" placeholder="请输入真实姓名" />
					</form>
				</td>
			</tr>
			<tr>
				<td>手机号</td>
				<td>
					<form>
						<input type="tel" name="tellphone" placeholder="请输入您的手机号" />
					</form>
				</td>
			</tr>
			<tr>
				<td>性别</td>
				<td>
					<form>
						<input type="radio" name="sex" value="man"/>男
						<input type="radio" name="sex" value="woman"/>女
					</form>
				</td>
			</tr>
			<tr>
				<td>出生日期</td>
				<td>
					<form>
						<input type="date" name="birthday" />
					</form>
				</td>
			</tr>
			<tr>
				<td>验证码</td>
				<td>
					<form>
						<input align="left" type="text" name="验证码" />
						<img src="img/verify_code.jpg" align="right"/>
					</form>
					
				</td>
			</tr>
			<tr>
				<td colspan="2" align="center">
					<input type="button" name="login" align="center" value="注册"/>
				</td>
				<td></td>
			</tr>
		</table>
	</body>
</html>

Carl·杰尼龟

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
注册界面初级

table标签使用的知识点：标签：table：表标签tr：行标签th：列标题标签td：列标签\th和td的区别：th标注的单元格会默认加粗居中属性：border：控制边框粗细npx(n为任意值)cellspacing：控制单元格与单元格之间的边距cellpadding：控制单元格的内容与边框的左边距colspan：合并列rowspan：合并行align：控制元素位置...
复制链接

扫一扫