TML:完成页面的内容展示

CSS：完成页面样式的控制，美化页面，完成页面的布局。

表单：用于采集用户输入的数据。用于和服务器进行交互。

form:用于定义表单的。可以定义一个范围(代表用户采集数据的范围)

属性：action:指定提交数据的url(指的就是把数据提交到哪里)

method:指定提交方式

分类：一共有7种，2种比较常用。

get:1.请求参数会在地址栏显示

2.请求参数的长度是有限制的。

3.请求不安全

post:1.请求参数不会在地址栏显示，会封装在请求体中。

2.请求参数的长度没有限制

3.较为安全

表单里面的数据要想被提交，必须指定它的name属性

表单项标签

input:可以通过type属性值，改变元素展示的样式。

type属性：text:文本输入框，默认值

placeholder:指定输入框的提示信息，当输入框的内容发生变化，会自动情况提示信息。

password:密码输入框

radio：1.单选框(要想让多个单选框实现单选的效果，则多个单选框的name属性值必须一样)

2.一般会给每一个单选框提供value属性，指定其被选中后提交的值。

3.checked属性可以指定默认值

checkbox:复选框:

1.一般会给每一个单选框提供value属性，指定其被选中后提交的值。

2.checked属性可以指定默认值

file:文件选择框

hidden:隐藏域，用于提交一些信息

按钮:

submit:提交按钮。可以提交表单

button:普通按钮

image:图片提交按钮

src属性指定图片的路径

label:指定输入项的文字描述信息

注意：lable的for属性一般会和input的id属性值对应。如果对应了，点击lable区域，会让input输入框获取焦点。

select:下拉列表

子元素：option,指定列表项

textarea:文本域

TML表单

一、传统表单(一)

1、表单是什么？

01.在网页中主要负责数据采集功能的组件。

02.通常与数据库相连。

03.由表单元素组成。

2、表单组件介绍：

01.文本(字段)

02.选择

03.单选按钮（组）

04.文本域

05.复选框

06.密码（字段）

07.文件域

08.提交按钮

09.重置按钮

3、form 标签 （表单范围）

...

action 属性——指的是要用哪一些对应的脚本来处理这些数据。

method 属性——指的是数据交互的形式，其中有两个属性值 post 和 get 。

id 属性—— 指的是它唯一的标识

4、input 标签的 type 属性

Password:

01.type 属性值

type= "radio" --- 单选按钮

type= "checkbox" --- 复选框

type= "text" --- 文本

type= "password" --- 密码字段

type= "file" --- 文件域

type= "button" --- 普通按钮

type= "submit" --- 提交按钮

type= "reset" --- 重置按钮

02. name 属性

表单元素的名称

注：同一组单选按钮的的 name 值是相同的。

03. id 属性

唯一标识符

同一个网页里id不能重复

04.label 标签(标签文字) --- 将文字与表单元素关联

标签文字

注：label for 属性的值是取于input id 属性的值来进行关联的。

小结：

01.form 标签是表单本身。

02.input 标签是表单元素最常见的情况，它的 type 属性是非常多样化的，不同的 type 属性值决定了 表单元素的类型。

03.label 标签是用来关联文字的，它的 for 属性的值跟 input id 属性的值是对应一致的。

二、传统表单(二)

1、select 标签（选择菜单）和 option 标签（选项）

选项1 选项2

01.value 属性 --- 值，可能传递至数据库。

02.selected 属性 --- 默认选项

2、textarea 标签 --- 大段、多行的文本区域

介绍