HTML——表单与CSS

一.form标签

网页表单中有许多可以输入或选择的组件，用户可以在表单中填写信息，最终提交表单，把客户端数据提交至服务器。

<input> 属性:type 输入的类型，placeholder输入内容的提示，readonly只读不能输入

二.属性type中的内容

1.text文本输入

2.password密码输入

3.radio 单选按钮，多个选项只能选取一个

4.checkbox多选按钮

5.reset 恢复默认状态/按钮

6.number 只能输入数字

7.data日期

8.file 选择文件 accept 限制选择文件的类型(eg:png.text）

9.button 自定义按钮(编写函数实现按钮功能)

三.表单——下拉框

基本语法:

注:下拉框的name，id，等事件需要在select中定义，而value需要在option中定义。

四.表单——多行文本域

基本语法

五.CSS

1.css是什么?

CSS是Cascading Style Sheets(级联样式表）

CSS是一种样式表语言，用于HTML文档控制外观，定义布局，例如，Css涉及字体，颜色，边框，高度，宽度，背景图像，高级定位等方面。

2.css有什么用?

可将页面的内容与表现形式分离，页面内容存放在HTML文档中，而用于定义表现形式的CSS在一个.css文件中或HTML文档的一部分。

3.css与HTML的关系

css是定义页面的样式

HTML是网页内容

4.css的三种格式

>行内样式表

行内样式表又有人称内联样式，行内样式，内嵌样式。是通过标签style属性来设置元素的样式，其基本语法格式如下:

                <标签名 style="属性1:属性值">内容<标签名>

>内嵌样式表

内嵌样式是将css代码集中写在HTML文档的head头部标签中，并且用style标签定义

>外部样式表

外部样式表是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过link标签将外部样式表文件链接到HTML文档中

>选择器

要使用css对html页面中的标签实现一对一，一对多的控制，这就需要用到css选择器

常用的选择器:

        >标签选择器:通过标签选择器可以选择页面中所有指定标签

                     语法:标签名{}

        >类选择器:通过标签的class属性值选中一组标签

                  语法:.class属性值{}

        >id选择器:通过标签的id属性值选中唯一的一个标签

                语法:#id属性值{}

        >通配选择器:可以用来选中页面中的所有标签

                语法:*{}