html标签三

1、表单（重要）
1、表单用途
2、基本使用
表单是一个双边标记， <form></form>
【注】将能够收集用户信息的标签放到form里面，不要将a标签或者p标签放到form里面，没

有任何意义。
能够收集用户信息的标签：input select textarea

3、form中的action、method、enctype(multipart/form-data)
action:要提交的地址，都是php文件
method:要提交的方式，分为两种，post和get
    get：在url中将参数传递过去（这是默认提交方法）
    post：在http协议请求头中将数据提交过去(以键值对方式提交过去)
enctype：编码类型，默认不用写，只有在上传文件的时候需要将该类型指定为

multipart/form-data

4、input  button
    属性：type size value maxlength readonly disabled placeholder
    size:能显示的字符宽度（但是还是可以输入的）
    value：文本框中默认的值
    maxlength:能写的最大字数
    readonly:只读的,不能修改
    disabled:禁用状态,颜色会变灰
    placeholder:占位符
    
    type：
        text:文本输入框  【注】要给该输入框name属性
        password：密码框 【注】要给该输入框name属性
        radio:单选框
            【注1】所有的单选框name值都要求一样
            【注2】所有的单选框都要求给value值，用来在服务器端区分用

户点击的是哪个单选框
给其中一个单选框写上checked属性，代表默认选中这个单选框
checkbox(checked):多选框
【注1】所有的多选框都要给name值
【注2】所有的多选框都要给value值
【注3】name值要求是这种格式 love[]
【注4】value值要求是这种格式 1 2 4 8 16...

        submit:提交按钮，默认显示文字是‘提交’，如果想要改变显示文字，设

置其value值即可
【注】也可以给name值，后续会判断是否是通过点击这个按钮进入到处理

页面的
hidden：隐藏 【重要】
当需要通过唯一的id号来区分用户的时候，但是该文本框不用对用户公开

，这个时候可以使用hidden文本框将id号传递到服务器

        file：上传文件时候用到，现在不用（了解）
        button:按钮类型，配合js（javascript）使用。(了解)
        reset:重置按钮，将用户填写的信息全部抹掉，恢复原来的样子
    button:按钮标签（双边），用到form中，和submit效果一样，一般使用submit（了

解）

5、select(multiple size name) option(value selected)
下拉框
【注】name值必须写在select标签中，value值可以不写，如果不写，值就是option中你写的

内容，但是推荐写上
size:显示下拉框的内容个数
multiple:多重的，多样的，代表可以多选

6、label（for）
解决点击文字依然可以选中单选框或者多选框
用法见代码
<input type="radio" name="sex" value="1" id="nan"><label for="nan">男</label>

7、textarea（cols、rows）:文本域标签
    通过cols（多少列）和rows（多少行）来控制文本域的大小。
    【注】标签之间不要写任何内容，否则会体现到页面中

2、头元素标签
SEO:搜索引擎优化
<link rel="stylesheet" type="text/css" href="1.css" />
链接外部的css样式

<meta charset="utf-8">
设置字符集

<meta name="keywords" content= "iOS培训 PHP培训" />
堆积网站关键字，用来提高网站的排名

<meta name= "description" content= "这里是良心教育培训基地" />
关于本网站的描述信息

<meta http-equiv="refresh" content= "3;url=http://www.baidu.com " >
在3s之后自动跳转到百度首页
    <meta http-equiv="pragma" content="no-cache">
    不需要缓存
    <meta http-equiv="expires" content="Mon,12,May 2001 00:20 GMT">
    缓存的过期日期
    <meta http-equiv="content-type" content="text/html;charset=gb2312">
    在浏览器中显示的样式
    <meta charset="utf-8">

3、无意义标签
div：块标签
span：行内标签
header section footer :这三个和div的意义一样，只不过告诉前端妹子这里是头部，主体

或者尾部。