HTML+CSS基础学习笔记(3)

时间:2023-03-09 06:38:47
HTML+CSS基础学习笔记(3)

一、提交按钮、重置按钮

1、type="submit" 提交按钮

HTML+CSS基础学习笔记(3)

HTML+CSS基础学习笔记(3)

2、type="reset"   重置按钮

HTML+CSS基础学习笔记(3)

HTML+CSS基础学习笔记(3)

二、form表单中的label标签

HTML+CSS基础学习笔记(3)

HTML+CSS基础学习笔记(3)

格式:

<label  for="控件id名称">

注意:

标签的for属性中的值应当与相关控件的id属性值一定要相同

理解:

label的作用就是获得焦点,在上面例子中,把鼠标移动到文字上(慢跑、登山、篮球),同样可以激活控件进行选择,但是如果不加label标签,鼠标就必须移动到控件上面。

三、认识div在排版中的作用

<div>标签的作用相当于一个容器,在网页制作过程中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中。

什么是逻辑部分?

它是页面上相互关联的一组元素。如下图所示:红色边框标出的部分就是一个逻辑部分,可以使用<div>标签作为容器。

HTML+CSS基础学习笔记(3)

给div命名,使逻辑更加清晰!

把一些标签放入<div>中,划分出一个独立的逻辑部分。为使逻辑更加清晰,为这一个独立的逻辑部分设置一个名称,这个名称是唯一的。

格式:

<div  id="版块名称">...</div>