【HTML】表格、表单

烂人王

已于 2022-04-05 22:06:50 修改

阅读量584

点赞数

分类专栏： HTML 文章标签： html

于 2022-04-05 16:36:28 首次发布

本文链接：https://blog.csdn.net/Unbroken_/article/details/123966089

版权

本文详细介绍了HTML中的表格和表单元素，包括表格的列合并、行合并、表标题的设置，以及表单的action、method属性，name、disabled、readonly等属性的用法，还涵盖了多行文本输入域、单行文本域、密码输入域、文件选择控件、日期和时间控件等多种表单控件的使用。

摘要由CSDN通过智能技术生成

表格

示例程序1

<table> 
	<tr>
		<th>Menu item</th> 
		<th>Calories</th> 
		<th>Fat (g)</th>
	</tr> 
	<tr>
		<td>Chicken noodle soup</td> 
		<td>120</td> 
		<td>2</td>
	</tr> 
	<tr>
		<td>Caesar salad</td> 
		<td>400</td> 
		<td>26</td>
	</tr>
</table>

示例程序2

<table> 
	<tr>
		<th>Burgers</th>
		<td>Organic Grass-fed Beef</td> 
		<td>Black Bean Veggie</td>
	</tr> 
	<tr>
		<th>Fries</th>
		<td>Hand-cut Idaho potato</td> 
		<td>Seasoned sweet potato</td>
	</tr>
</table>

列合并

<table> 
	<tr>
		<th colspan="2">Fat</th>
	</tr> 
	<tr>
		<td>Saturated Fat (g)</td>
		<td>Unsaturated Fat (g)</td>
	</tr>
</table>

行合并

<table> 
	<tr>
		<th rowspan="3">Serving Size</th> 
		<td>Small (8oz.)</td>
	</tr> 
	<tr>
		<td>Medium (16oz.)</td>
	</tr> 
	<tr>
		<td>Large (24oz.)</td> 
	</tr>
</table>