第二次网页前端笔记

1.form

form标签用于为用户输入创建HTML表单。表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等。还可以包含textarea等元素。表单用于向服务器传输数据。form元素是块级元素，其前后会产生折行，会自动换行。

method：表单提交方式：get、post

get：默认，主动的获取方式，数据放在URL上，数据的容量有限，安全性差，有缓存

post：数据放在请求实体中，数据量理论上没有限制，相对安全，没有缓存

但是get比post效果更快一些，所以查询的时候通常用get（速度更快），提交信息的时候通常用post（更安全一些）

2input

input标签用于搜集用户消息。根据不同的type属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、单选按钮、按钮等等。

注意：表单元素需要设置name属性值，否则数据无法传递。

radio单选框和checkbox复选框 需要设置一组相同的name属性值。

3.textarea

该标签定义多行文本输入控件。文本区中可容纳无限数量的文本，可以通过cols和rows属性来规定textarea的尺寸。cols规定文本内的可见宽度。rows规定文本内的可见行数。

4.label 

<label> 标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同,此时点击label标签会自动为元素聚焦。

提示:"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。

5.button 

<button> 标签定义一个按钮。在 <button> 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不同之处。

提示：请始终为 <button> 元素规定 type 属性。不同的浏览器对 <button> 元素的 type 属性使用不6.select

<select> 元素用来创建下拉列表。<select> 元素中的 <option> 标签定义了列表中的可用选项。

提示：<select> 元素是一种表单控件，可用于在表单中接受用户输入。

注：当option设置了value属性值时，提交的数据是value对应的值。如果未设置value，则提交的数据是文本值。

7.常用字符实体 

        在HTML中，某些字符是预留的。在HTML中不能使用小于号（<）和大于号（>）,这是因为浏览器会误认为他们是标签。如果希望正确地显示预留字符，我们必须在HTML源代码中使用字符实体（character entities）。实体名称对大小写敏感。

---

8.标签的分类

HTML中标签元素三种不同类型：块状元素，行内元素，行内块状元素。

9.块级元素

元素都从新的一行开始，并且其后的元素也另起一行；元素的高度、宽度、行高以及顶和底边距离都可以设置；元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致）。

10.行内元素

和其他元素都在一行上；元素的高度、宽度及其顶部和底部边距不可设置；元素的宽度就是它包含的文字或图片的宽度，不可改变。

11.行内块状元素

和其他元素都在一行上；元素的高度、宽度、行高以及顶和底部边距都可设置。