HTML第二天——表格、列表、表单元素
程序员文章站
2022-03-30 09:50:35
表格
表格 属性宽 width高 height边框 border 无边框 border = 0对齐方式 align = left / center / right外边距 cellspacing内边距 cellpadding表头单元格 默认:加粗居中标...
表格
<table>
<tr>
<td> </td>
</tr>
</table>
表格 属性
宽 width
高 height
边框 border 无边框 border = 0
对齐方式 align = left / center / right
外边距 cellspacing
内边距 cellpadding
表头单元格
<th> </th> 默认:加粗居中
标题: <caption> </caption>
合并
跨行合并 rowspan
跨列合并 colspan
表格划分结构
表头、正文、脚注
thead、tbody、tfoot
列表
无序列表:
<ul>
<li> </li>
<li> </li>
</ul>
有序列表:
<ol>
<li> </li>
</ol>
自定义列表:
<dl>
<dt> </dt>
<dd> </dd>
</dl>
表单
提示文本、表单、表单域
<input type=" ">
属性:name value(表单内的默认值)
控件:type
文本框 text
密码框 password
单选 radio
复选 checkbox 单选和复选默认选中:checked=“checked”
普通按钮 button
提交按钮 submit
重置按钮 reset
图片按钮 image src=“路径”
上传文件 文件域名:file
扩大选中的点击范围 label
1、直接包裹
2、<label for=" "> <input id=" ">
文本域标签
<textarea name=" " rows="10" cols="30">
</textarea>
下拉列表
<select name=" ">
<option value=" "> </option>
</select>
默认选中:selected = “selected”
表单域标签
<form action="URL地址" method="get/post" name="名字">
明文/密文
</form>
本文地址:https://blog.csdn.net/Aiello001/article/details/107244422