html中表单form与表格table的实例应用_html form里可以写table标签吗-优快云博客

本文链接：https://blog.youkuaiyun.com/gdd1990shl/article/details/114682467

本文详细介绍了HTML中表单<form>元素和表格<table>的使用方法，通过实例展示了如何创建交互式数据输入和展示。内容包括表单控件如input、select、button的应用，以及表格的结构化布局，行、列的合并等技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>www.西域旅团.com账户注册</title>
		<h1 align="center">注册页面</h1>
		<hr size="2px" color="black"/>
			<!--分割线标签hr,通过width值改变宽度,500px:像素;size:分割线的厚度-->
	</head>
	<body>
		<!--html中form表示一个表单,用来把一系列的控件包围起来,然后再统一发送数据到目标。
			比如最常见的注册,需要填写的资料都被封装在form里。
			填写完毕后,提交form内的内容,如果不在form内则不会提交。-->
		<!--table用于布局，以表格的形式一行一行地展示内容。
			填写资料时，页面提供的文本框、文字、按钮等可非常整齐地摆放 -->
		<!--table仅用于布局,form则用于封装数据。
			通常是一个form里嵌套table，整齐地显示无规则随意摆放的文本框-->
		<form>
			<!--form表单,表单用于传输数据,用来提交到下一页，例如登录、注册等功能-->
			<!--表格标签table。tr行；td普通列；th标题列，自动居中且加粗-->
			<table align="center" border="0px" cellspacing="20px">
				<!--border：给表格加上边框，其值为一个边框大小，默认单位为像素。-->
				<!--align="center":表格居中-->
				<!--cellpadding:内容与单元格的距离-->
				<!--cellspacing:单元格之间的距离-->
				<tr>
					<td width="100px">用户名:</td>
					<td><input type="text" name="user_name" placeholder