html文档列表标签是哪个,列表标签和表单标签 查阅文档

列表标签

表格是用来显示数据的,那么列表就是用来布局的。

列表最大的特点就是整齐,整洁,有序,它作为布局会更加自由和方便

根据使用情景不同,列表可分为:无序列表、有序列表和自定义列表

无序列表(重点)(实际开发使用最多)

  • 标签表示HTML页面中项目的无序列表,列表项使用
  • 标签定义。

    6b8c1ac6c698aa301d91ff257a8f3c3a.png

    1、无序列表各个列表项之间没有顺序级别之分,是并列的。

    2、

  • 标签。

    3、

  • 与之间相当于一个容器,可以容纳所有元素。

4、无序列表会带有自己的样式属性,但在实际使用时,我们会使用CSS来设置。

有序列表(理解)

各个列表项按照一定的顺序排列定义。

标签用于定理有序列表,列表排序以数字显示,用

标签来定义列表项。

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200718211209544.png)

1、

标签中只能嵌套标签。

2、

与之间相当于一个容器,可以容纳所有元素。

3、有序列表会带有自己的样式属性,但在实际使用时,我们会使用CSS来设置。

自定义列表

使用场景:

常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。

(定义项目/名字)和
(描述每一个项目/名字)一起使用。

0cad46605697460659057f75e1da3bcb.png

1、

里面只能含

2、

个数没有限制,经常是一个
对应多个

列表总结

58ec774df1e8d67f4a49353b959d9036.png

表单标签

1、为什么需要表单

为了收集用户信息

需要跟用户进行交互,收集用户信息

2、表单的组成

在HTML中,一个完整的表单通常由表单域、表单控件(也称为表单元素)和提示信息三个部分构成。

**表单域:**一个包含表单元素的区域。

标签用于定义表单域,以实现用户信息的收集和传递。会把它范围内的表单元素信息提交给服务器。

14a816cd27f4fcd6ac19b436c267eb19.png

基础班暂时不用表单域提交数据,只需要写上form标签即可,就业班等学习服务器编程阶段会重新讲解。

1、在写表单元素之前,应该有个表单域把他们进行包含。

2、表单域是form标签。

**表单控件:**在表单域中可以定义各种表单元素,就是允许用户在表单中输入或选择的内容控件。

input输入表单元素

在标签中,包含一个type属性,根据不同的type属性值,输入字段拥有很多种形式(可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等)。

标签为单标签

type属性设置不同的属性值用来指定不同的控件类型

1891574daee102c918b3b3c1f3b78ee4.png

除type属性外,标签还要其他很多属性:

d687df1d46aec9d7c45d1e37b77f26ec.png

1.name和value是每个表单元素都有的属性值,主要给后台人员使用。

2.name表单元素的名字,要求单选按钮和复选框要有相同的name值

3.checked属性主要针对单选按钮和复选框,主要作用一打开页面,就要默认选中某个元素。

标签

为input元素定义标注(标签)。

用于绑定一个表单元素,当点击标签内的文本时,浏览器自动将焦点(光标)转到或者选择对应的表单元素上,用来增加用户体验。

语法:

8ef9c18705f2d79c0ee7eb5ff6ce01a2.png

核心:标签的for属性应与相关元素的id属性相同。

select的下拉表单元素

表单元素

使用场景:在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,可以使用标签控件定义下拉列表。

语法:

fe03964dd80a49eb08bfbcf621b91bba.png

1、里面至少包含一对.

2、在中定义selected=”selected“时,当前项目为默认选中项。

textarea文本域元素

使用场景:用户输入内容较多的情况下,我能就不能使用文本框表单了,此时我们可以使用标签。

在表单元素中,标签用于定义多行文本输入的控件。

使用多行文本输入控件,可以输入更多的文字,该控件你常见于留言板,评论。

语法:

77a8228bbdc4654c30366b4d3ccaad9f.png

1、通过标签可以轻松地创建多行文本输入框。

2、cols="每行中地字符数“,rows=”显示的行数“,我们在实际开发中不会用,都是用CSS来改变大小。

查阅文档

查阅文档好习惯

百度

W3C:http://www.w3school.com.cn/

MDN:https://developer.mozilla.org/zh-CN/

本文地址:https://blog.csdn.net/qq_49037451/article/details/107434973

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值