表单2和初识DIV

一、提交按钮、重置按钮

 1、type="submit"　提交按钮

2、type="reset"   重置按钮

 

二、form表单中的label标签

格式：

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

注意：

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

理解：

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

 

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

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

什么是逻辑部分？

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

给div命名，使逻辑更加清晰！

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

格式：

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