HTML:表格、表单

表格Table

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。
tr:代表的行
th:表头 自动加粗
td:单元格,代表列

		<table>
			<tr>
				<th>表头第一行第一列</th>
				<td>第一行第二列</td>
			</tr> 
			<tr>
				<td>第二行第一列</td>
				<td>第二行第二列</td>
			</tr>
			<tr>
				<td>第三行第一列</td>
				<td>第四行第一列</td>
			</tr>
		</table>
表单form

表单通常用于让用户能够进行输入操作使用的,例如常见的登录、搜索、注册、图片上传等等

get:默认的提交方式,get方式提交的数据会在地址栏中显示出来,很不安全,所能提交的数据量比较小,效率高
post:效率低,安全,携带大量的数据,不会在地址栏中显示

简单的登录界面:

<form action="#" method="post">
	<table align="center">
		<tr align="center"><th>用户名密码登录</th></tr>
		<tr>
			<td><label for="name">用户名:</label></td>
			<td><input type="text" name="name" id="name" placeholder="请输入邮箱或者账号" /></td>
		</tr>
		<tr>
			<td><label for="password">密码:</label></td>
			<td><input type="password" name="password" id="password" /></td>
		</tr>
		<tr>
			<td><input type="submit" value="登录" /></td>
			<td align="right"><a href="work02.html">注册</a></td>
		</tr>
	</table>
</form>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值