HTML和CSS笔记07

最新推荐文章于 2024-10-17 18:11:28 发布

不高山mou

最新推荐文章于 2024-10-17 18:11:28 发布

阅读量187

点赞数

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

本文链接：https://blog.csdn.net/c1348208475/article/details/113745379

版权

HTML CSS 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文介绍了HTML中的表格元素，包括<tr>、<td>、<thead>、<tbody>和<tfoot>的使用，以及表格样式设置如border-collapse。此外，还讲解了表单的创建，包括<input>的各种类型如文本、密码、单选、多选、颜色选择和电子邮件输入，以及<form>属性如action和autocomplete。最后提到了表单的按钮类型如submit和reset。

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

HTML和CSS笔记07

表格与表单

//tr不是table的子元素，而是tbody的子元素
<table>//一个表格
	<tr>//一行
		<td>A1</td>//一个单元格，按行
	</tr>
</table>

<thead>
	<tr>
		<td>收入</td>
		<th>收入</th>//居中
	</tr>
<thead>
<tbody></tbody>
<tfoot></tfoot>

<table>
	//border-spacing:10px;//边框的距离
	border-collapse:collapse;//边框的合并
</table>

tr:nth-child(odd){
	background-color:#bfa;
}

2.表单

<form action="xxx.html" autocomplete="off">
/*value不写的默认值
*disable：表单禁用，不上传数据
*readonly：只读：上传数据
*autocomplete:关闭自动获取填过数据
*autofocus：自动获取焦点到该文本框
*/
	注册号：<input type="text" name="注册号" disable>
	密码：<input type="password" name="密码">
	<input type="submit" value="注册">
	<button type="reset">重置</button>
	
//单选框	  name必须相同
	男<input type="radio" name="性别" value="男" checked>//checked默认值
	女<input type="radio" name="性别" value="女">

//多选框
<input type="checkbox" name="爱好" value="睡觉" checked>

//下拉列表
<select name="爱好">
	<option selected value="睡觉">xxx</option>
</select>

<input type="color">
<input type="email">//tel电话号码

</form>