HTML的表格标签与form表单

最新推荐文章于 2024-05-19 17:34:30 发布

十万-

最新推荐文章于 2024-05-19 17:34:30 发布

阅读量37

点赞数

文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/weixin_68225334/article/details/129890180

版权

表格标签：

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
//整个表格有table包含，border是表格框框的宽度
<Table border = "1">
<tr>
<td>11</td>
<td>22</td>
</tr>

//tr代表行，td代表列

<tr>
<td>111</td>
<td>222</td>
</tr>

</Table>

        </body>
</html>

form表单：

用于提交数据，

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
//提交路径和提交方式
<form action = "www.baidu,com" method = "GET">
文本输入框：<input type = "test" name = "username">
密码输入框：<input type = "password" name = "password">
单选框：<input type = "redio" name = "sex" value = "男">
多选框： <input type = "checkbox" name = "hobby" value = "爱好">

下拉选项：<select name="city" multiple="mi">//multiple是可以滑动的下拉框
            <option value="武汉">武汉</option>
				<option value="武汉">信阳</option>
				<option value="武汉">北京</option>
            </select>

复位按钮
<input type="reset" value="复位按钮"/>
提交按钮
input type="submit" value="提交按钮"/>

</form>

    </body>
</html>

div标签：

每一个div独占一行，

span不换行

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 图片标签 src图片地址 -->
		<img src="./a.png" width="20%" height="30%"/>
		
		<!-- 块标签 -->
		<div id="007"> 我是div</div>
		<div>我换行1</div>
		<span id="001">我和div</span>
		<span>一样</span>
	</body>
</html>