首页 前端知识 HTML5的列表、表格、和表单

HTML5的列表、表格、和表单

2024-04-29 11:04:48 前端知识 前端哥 813 465 我要收藏

列表

无序列表

布局排列整齐不需要规定顺序的区域。标签:ul嵌套li,ul无序列表,li列表条目。

ul标签只能包裹li标签,li标签可以包裹任意内容。

有序列表

布局排列整齐需要规定顺序的区域。标签:ol嵌套liol有序列表,li列表条目。

ol标签只能包裹li标签,li标签可以包裹任意内容。

定义列表

标签,dl嵌套dt和dd,dl是定义列表,dt是定义列表的标题,dd是定义列表的描述或内容。

dl标签只能包裹dt和dd标签,dt和dd标签可以包裹任意内容。

表格

标签table嵌套tr,rt嵌套td和th。tr表示行,th表示表头单元格,td表示内容单元格。表格默认没有边框线,使用属性border为表格添加边框线。

用表格结构标签把内容划分区域,thead表格头部,tbody表格主题,tfoot表格底部。

合并单元格的步骤

1,明确合并目标。

2,保留最左上的单元格,添加属性(取值是数字,表示合并的单元格数量。

跨行合并标签是rowspan,保留最上单元格。

跨列合并标签是colspan,保留最左单元格。

3,删除·其他单元格。

表单

收集用户信息,适用登录和注册页面和搜索区域。

input标签

type属性值不同则功能不同。text文本框,用于输入单行文本。password密码框。radio单选框。checkbox多选框。file上传文件。

placeholder站位文本,显示提示信息。

radio常用属性;

name,控件名称,控件分组同组中只能选一个。checked(多选框也用)默认选中。

file默认情况下上传控件只能上传一个文件,添加multiple可以实现文件多选功能。

下拉菜单

标签select嵌套option,select下拉菜单整体,option下拉菜单每一项。selected默认选中。

文本域标签textarea(双),输入多行文本的表单控件。

label标签,网页中某个标签的说明文本。用label绑定文本和表单控件的关系,增大表单控件点击范围。

按钮

标签button,type属性值:

submit提交按钮,点击后可提交数据到后台。

reset重置按钮,点击后将表单控件恢复默认值。

button普通按钮,默认没有功能,一般配合JavaScript使用。

布局标签;div独占一格。span不换行。

空格实体名称 大于号>小于号lt。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/5932.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!