首页 前端知识 HTML-Day3

HTML-Day3

2024-06-03 12:06:02 前端知识 前端哥 215 147 我要收藏

目录

一.列表标签

(1)无序列表

(2)有序列表

(3)自定义列表

二.表单标签

(1)表单域:把表单元素里面的信息传给服务器。

(2)表单控件


一.列表标签

1.作用:用来布局

2.分类:无序列表,有序列表,自定义列表

(1)无序列表

[]基本语法格式

注意点:

<ul></ul> 中只能嵌套 <li></li>,直接在 <ul></ul> 标签中输入其他标签或者文字的做法是不被允许的。

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

(2)有序列表

[]基本语法格式

注意点:

<ol></ol> 中只能嵌套 <li></li>,直接在 <ol></ol> 标签中输入其他标签或者文字的做法是不被允许

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

(3)自定义列表

[]基本语法格式

注意点:

<dl></dl> 里面只能包含 <dt> 和 <dd>。

<dt> 和 <dd>个数没有限制,经常是一个<dt> 对应多个<dd>。

<dt>和<dd>的关系:

二.表单标签

1.为什么使用表单:收集用户信息

2.表单的组成:表单域,表单控件,提示信息

(1)表单域:把表单元素里面的信息传给服务器。

[]基本语法格式:

<form action=“url地址” method=“提交方式” name=“表单域名称">

各种表单元素控件

</form>

(2)表单控件

[]input输入表单元素

type属性

其他常用属性

[]select下拉表单元素:在页面中有多个选项,但是又不想占用空间时可用

  1. 格式:

        <select>

         <option>选项1</option>

         <option>选项2</option>

         <option>选项3</option>

         ...

    </select>

    在<option> 中定义 selected =“selected " 时,当前项即为默认选中项

[]textarea 文本域元素:当用户输入内容较多的情况下,我们就不能使用文本框表单了,此时我们可以使用 <textarea> 标签

  1. 语法

<textarea rows="3" cols="20">

文本内容

</textarea>

[]lable标签:

语法:

<label for="sex">男</label>

<input type="radio" name="sex" id="sex" />

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

实例

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

vue学习计划

2024-06-08 18:06:08

fastjson1.2.24-RCE漏洞复现

2024-06-08 09:06:33

JsonPath用法详解

2024-06-08 09:06:55

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