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

一、表单

1.form

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

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

表单用于向服务器传送数据。form元素是块级元素，其前后会产生折行。

表单标签，跨级元素，会自动换行，将数据传输给服务器

常用属性：

action 表单提交的地址

id 唯一标识

name 名称

target 表单提交打开方式（当前窗口）

method 提交方式：1.get请求：参数会直接跟在url后面，用问号拼接。安全性差，传递的数据量小，效率高（是post速度的两倍），有缓存。 2.post请求：参数不会跟在url地址栏后面，会放在请求体中。安全性高，传输数据量大，速度相对来说慢，无缓存。

2.input

input标签用于搜集用户信息。

根据不同的type属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、单选按钮、按钮等等。

2.1type 表单元素的类型：

text 文本框

password 密码框

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

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

button 普通按钮

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

file? 文件域（上传文件）

date 日期框

submit 提交按钮

reset 重置按钮

inage图片按钮

2.2value 表单元素的值

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

2.4disabled是否禁用

2.5maxlength允许输入的最大字符

3.textarea

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

<textarea>content</textarea>

4.label

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

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

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

二、字符实体

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

在HTTML中不能使用小于号和大于号，这是因为浏览器会误认为他们是标签