div，span，表单，文本框，按钮，单选，多选，文本域，下拉菜单-----初学

div和span的认识

　　div通常称为"盒子"

　　div是大的范围，span是小的跨度

　　div：division。范围，区域，并没有特殊的语义，经常用来布局。

　　div 里经常放一些拥有类似或者特殊功能的标签，这就是布局过程。

　　div 是一个典型的容器级标签，可以放任何的标签

　　span：小区域、小跨度。---常用于小范围调整布局

　　span 是一个文本级标签，不能放容器级标签。

 表单　　-----<form></form>

　　表单就是网页上提供用户输入和选择的一些控件

　　所有的表单元素需要写在<form> 标签里面，它不是一个结构性标签，而是一个功能性标签。

　　功能规定我们提交的数据发送到哪，发送的方法是哪种！

　　method：方法，提交数据的方法有两种，属性值 get  或者  post

　　action：数据提交的位置。

文本框-----允许用户输入文本---< input />

　　有一个属性，type  ，根据属性值不同，input 标签代表的是不同的表单元素

　　type的属性值为 text 是文本框  

　　type的属性值为 password  是密码框

按钮

　　有三种按钮，普通，提交，重置

　　普通：type 属性值为  button

　　提交：type 属性值为 submit

　　重置：type 属性值为 rest

　　<input type="button" value="普通按钮" />
　　<input type="submit" value="提交按钮" />
　　<input type="reset" value="重置按钮" />

单选框

　　type 属性值为 radio 为单选

　　<input type="radio" name="sex" />男
　　<input type="radio" name="sex" />女
　　<input type="radio" name="sex" />保密

　　如果不设置 name 属性就不知道哪些单选框是一组，不能做到单选的效果

　　给同一组的 单选框，都添加一个 name 属性，属性值必须一致

多选框

　　type 属性值为 checkbox 为多选

　　<input type="checkbox" name="hobby" />足球
　　<input type="checkbox" name="hobby" />篮球
　　<input type="checkbox" name="hobby" />羽毛球

文本域

　　标签为 textarea ，可以输入多行文本

　　有2个属性值，规定显示 多少行 和 多少列

　　rows：属性值是数字，数字表示有多少行

　　cols： 属性值是数字，表示每一行有多少个字节

　　<textarea cols="10" rows="3"></textarea>

下拉菜单

　　是一组标签，必须同时出现

select: 选择

option：选项

　　<select>

　　　　<option></option>

　　</select>