表格，登陆表单

最新推荐文章于 2024-06-11 11:30:38 发布

Why源

最新推荐文章于 2024-06-11 11:30:38 发布

阅读量501

点赞数

文章标签： html

本文链接：https://blog.csdn.net/qq_44862330/article/details/101465005

版权

&lt;div&gt;
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form action="http//www.baidu" method="">
			
		
			<table border="1px" cellspacing="0">
				<colgroup span="4" width="100px">
				<tr height="30px">
					<td rowspan="4" align="center">总体信息</td>
					<td colspan="2"></td>
				</tr>
				<tr height="30px">
					<td align="right">用户名:</td>
					<td><input type="text" name="loginname"></td>
				</tr>
				<tr height="30px">
					<td align="right">密码:</td>
					<td align="right"><input type="password" name="pwd"></td>
				</tr>
				<tr height="30px" align="center">
					<td colspan="2">
						<input type="submit" value="提交">
						<input type="reset" value="重置">
					</td>
				</tr>
			</table>
		</form>
		
	</body>

table表格 tr表行 t单元格 th=居中的td

table

border="100px"
cellspacing=0
colgroup span="6" width="100px"
colgroup span="1" width="200px"

tr

height="100px"
align="center" < !--整行居中-->

td

width="100px"
align="left"
rospan="3"
colspan="3"

``` <div>

		<table border="1px" cellspacing="0">
			<colgroup span="4" width="100px">
			<tr height="30px">
				<td rowspan="4" align="center">总体信息</td>
				<td colspan="2"></td>
			</tr>
			<tr height="30px">
				<td align="right">用户名:</td>
				<td><input type="text" name="loginname"></td>
			</tr>
			<tr height="30px">
				<td align="right">密码:</td>
				<td align="right"><input type="password" name="pwd"></td>
			</tr>
			<tr height="30px" align="center">
				<td colspan="2">
					<input type="submit" value="提交">
					<input type="reset" value="重置">
				</td>
			</tr>
		</table>
	</form>
	
</body>

```

form

action="链接" method=" <

input

input type="text"文本输入框name="loginname"自定义的名称
value="属性名称"

	|password| 密码输入框 ||-radio-|-单选框-|		|file| 文件选择框 |
	| checkbox | 复选框 |	|button| 普通按钮 |
	|-submit-|-提交按钮-|	| reset | 重置按钮 |

	<li>name="loginname"用来登陆的名字
	<li>name="pwd"表示密码

知识点总结

form必须有action属性，表示提交地址
所有需要提交的数据，iuput必须要name属性
input按钮的文字，需要用value属性表示
input必须放在form标签内才能提交

Why源

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表格，登陆表单

&lt;div&gt;<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="http//www.baidu" metho...
复制链接

扫一扫