创建一个HTML的form表格表单

最新推荐文章于 2024-01-01 08:00:00 发布

原创

最新推荐文章于 2024-01-01 08:00:00 发布 · 8.8k 阅读

33 ·

CC 4.0 BY-SA版权

文章标签：

#html

创建一个HTML的form表格形式的表单，我们要实现如图的样式：

话不多说，直接上代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>用户信息</title>
	</head>
	
	<body>	
		
		<!--
        	form表单部分：用来传输数据 是一个整个组件
        
        	form属性
        	action:将表单内容提交的地址
        		我将提交地址设为了百度_(:зゝ∠)_
        
        	method:提交的方式有两种get和post
        		这里我使用的get方式
        	
        -->
        <form action="https://www.baidu.com" method="get">
        
			<!--
            	border用来规定表格边框的宽度
            	align表格在网页中的对齐方式
            	cellpadding规定单元边缘和其中内容的空白大小
            	cellspacing规定单元格之间的空白大小
            -->
			<table border="1" align="center" cellpadding="1" cellspacing="2" >
				<tr>
					<td width="125" height="35">用户名：</td>
					<td width="300" ><input type="text