表单与样式

表单：

 

1、什么是表单？

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

表演元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素

表单使用表单标签(<form> ) 定义。

2、表单的作用？

（1） 给用户提供一个可以输入或者可选择的窗口。

（2） 用来收集用户的信息。

（3） 作为请求服务器的一种途径。

3、变单元素： input，select，textarea

输入，下拉列表，文本域。

4、表单input 元素的十大类型：

（1）text、password、radio、checkbox、submit、reset、button、image、hidden、file

文本域、密码框、单选框、复选框、提交、重置、按钮、图片、隐藏、文件

text 明文显示，password ***显示，radio 默认选中 checked，checkbox 默认选中checked

Submit提交，由action后面跟从的url路径来响应当前提交。reset将当前页面所有的表 单元素重置，button 默认没有效果只是一个小框。Image默认效果为 action 后面跟从 的路径，hidden为不会显示在页面上的一种类型用以传递数据使用，file 用来上传文件

5、表单属性：

action: 设置服务器上处理程序的位置，参数值是一个URL路径。

method:设置表单的运行方式，可以取值：get、post。

（1）get的特点是信息暴露、长度不能超过255字节，传输速度相对快。

（2）Post的特点信息隐藏，长度不限，传输速度相对慢。

6、表单元素select：

它就只有一个option。作为下来列表的选项。默认选中区别于 radio 和 checkbox的checked而是selected。

7、表单元素 textarea:

它的主要属性有name,cols列数 rows行数 readonly 只读属性，同selected和 checked一样，只要标示过选中，（无论里面赋什么样的值都会起到对应的作用。）

 

样式入门：

1、为h5的源码加上css样式需要通过选择器的方式，选择器分三种类型：

(1)标签选择器 写法： 元素名称{对应样式} 举例：p{color:#F36; font-size:36px; font-family:"黑体"}

(2)类选择器 .类名{对应样式}  举例：         .testStyle1{color:#0F3;}

(3)身份选择器 #身份名{对应样式} 举例：         #testStyle2{color:#00C;}

 

(4)当然也可以直接在标签上添加对应的样式，成为行内样式。

 

 

2、三种选择器的优缺点：

标签选择器：优点：1、不用引用；2、作用范围大 缺点：1、不够灵活

类选择器：对特定的某一种类型进行定义。定义引用。

身份选择器（id选择器）：定义引用 谁想拥有该样式，就声明自己的id为样式的相对应的名称

 

3、三种选择器的覆盖关系，有相同属性时：

id高于class高于标签。当然 id也并非最高，如果这个样式就写在 这个 标签上的话，那单独为这个标签儿写得样式的优先级最高。

 

其次 关于 相同的样式 。谁最后编译，就服从谁的样式。简单讲就是 出现在css最后面的样式一定会出现在h5上面。