HTML列表表单

最新推荐文章于 2025-07-04 16:33:03 发布

Summertrain.

最新推荐文章于 2025-07-04 16:33:03 发布

阅读量845

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记

本文链接：https://blog.youkuaiyun.com/the_next_one_is_you/article/details/80545129

笔记专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了HTML中的各种元素及其属性，包括列表、表格、表单等常用元素的使用方法。通过实例展示了如何创建有序列表、无序列表及自定义列表，并解释了如何设置列表样式。此外还介绍了表格的创建方式及如何实现跨列和跨行等功能，同时提供了表单元素的详细介绍。

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

列表
有序列表不常用
<ol>
<li>asdasd</li> 前面出现1。2。3。4。5。
</ol>

无序列表应用较多
<ul>
<li>asdasd</li> 前面出现一个圆点
</ul>

自定义列表图文混编
<dl>
<dt>插入图片</dt>
<dd>插入文本注释</dd> 自带缩进效果

</dl>

列表样式
list-style-type:none取消文字前的图标
list-style-image
list-style-position：inside outside

list-style

<table>
<tr>
<td></td>
</tr>
</table>

colspan="2"跨列删除跨列的表格

rowspan="2"跨行删除跨行的表格

表单
<form action="提交地址" method="数据提交的方式"></form>
method post隐藏网址末尾地址
get不隐藏
文本框: <input type="text"><br/>
密码框: <input type="password"><br/>
单选按钮: <input type="radio" name="sex" checked>男<input type="radio" name="sex">女<br/>
复选按钮:<input type="checkbox" name="play">吃饭<input type="checkbox" name="play">睡觉<input type="checkbox" name="play">打豆豆<br/>
文件域: <input type="file">
提交按钮: <input type="submit"><br/>
重置按钮: <input type="reset"><br/> （回到初始状态）
普通按钮: <input type="button"><br/> （自定义）
图片按钮: <input type="image" src="bg.png">
下拉列表:
<select>
<option selected>1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
</select><br/>
selected默认一个值
多行文本域
<textarea name="" id="" cols="30" rows="10" readonly></textarea>
readonly只读
disabl-----------------------------------------
checked默认一个选项
type 后面可以加
value 设置初始值