[JavaScript知识库]第二次网页前端培训笔记

1.表单?

1.form

from标签用于为用户输入创建HTML表单

表单能够包含input元素，比如文本字段、复选框、提交按钮等等。还包含textarea等元素。

表单用于向服务器传输数据。from元素是块级元素，会自动换行。

常用属性：

*get：默认，主动的获取方式，数据放在URL上，数据的容量有限，安全性差（用于查数据），有缓存（更快是post的两倍）

*post：数据放在请求实体中，数据量理论上没有限制，相对安全（用于提交，添加，修改数据），没有缓存

2.表单元素?

1.input

*表单元素需要设置name属性值，否则数据无法传递！！！

type? ? ? ? ? ? ?表单元素的类型

text? ? ? ? ? ? ? 文本框

password? ? 密码框

radio? ? ? ? ? ?单选框（需要设置一组相同的name属性值）

checkbox? ? 复选框（需要设置一组相同的name属性值）

button? ? ? ? ?普通按钮

hidden? ? ? ? 隐藏域（用来存放需要传给服务器，但不需要显示的数据）

file? ? ? ? ? ? ? 文件域（上传文件）

date? ? ? ? ? ? 日期框

submit? ? ? ? 提交按钮

reset? ? ? ? ? ?重置按钮

image? ? ? ? ?图片按钮（提交按钮）

value? ? ? ? ? 表单元素的值

checked? ? ?是否选中（单选框/复选框）

disabled? ? ?是否禁用

maxlength? 允许输入的最大字符
?

?2.textarea

文本域，双标签

cols? 规定文本区内的可见宽度

rows 规定文本区内的可见行数

3.label

label标签为input元素定义标注（标记）

label元素不会呈现任何的特殊效果

label标签的for属性应当与相关元素的id属性相同，此时点击label标签会自动为元素聚焦

及for与id一一对应

4.button

默认提交按钮

<button>按钮</button>

普通按钮

<button type="button">普通按钮</button>

提交按钮

<button type="submit">提交按钮</button>

重置按钮

<button type="reset">重置按钮</button>

等于

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

5.select

下拉选项

<select name="">
        <option value="值">文本</option>
</select>

注：当option设置了value属性值时，提交的数据是value的对应值；

? ? ? ?如果未设置value，则提交的数据是文本值

常用属性：

value 设置值

selected 设置选中状态

3.常用字符实体

在 HTML 中，某些字符是预留的

在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签

如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体

<? ? ? ? ? ? &lt

>? ? ? ? ? ??&gt

空格? ? ? ?&nbsp

版权符? &copy

4、标签的分类

• 块级元素（元素都从新的一行开始，可设置元素的高度、宽度等，不设宽度则为100%）
• 行内元素（和其他元素在一行上，不可设置元素的高度、宽度等）
• 行内块状元素（和其他元素在一行上，可设置元素的高度、宽度等）