一、框架html
1、frameset
        frameset使用不能再用body标签
        frameset属性:
        cols="100,200,*"
        rows:
        noresize无法变更框架大小
        frameborder=“0”

frame属性:
        scrolling=(no、yes、auto)是否设置滚动条
        src=“”
        name=""
        target
2、iframe
iframe(iframe浮动框架,是双边标签)

<a href="某个网站",target="sahn">

<iframe name="sahn" src="" width=""height="" ></iframe>

属性
        width
        height
        src=""
        name=""
二、颜色表示方式

**单词(颜色名):**red、green、blue
**rgb(红,禄,蓝)**,eg:rgb(255,0,0)
**#FF0000**

三、表单
1、form
        ①、 label标签:如果设置<label for="user">用户名</label>,此时只要在input标签里设置id="user",就可以将光标移动到input的输入框里(<input type="text" values="" id="user">
        ②、submit 和button区别:
        button-普通按钮,submit-提交按钮。
        submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上
③、action
        action提交给谁,如果form标签没有写action属性,那么就会将表单中的数据交给当前文件进行处理
        如果form标签有写action属性,那么就会将表单中的数据交给提交的文件或程序进行处理

④、method:
        如果form标签没写method,那么会默认使用get方式提交
        get方式:会将表单数据显示在浏览器的地址栏中,表单中有多个表单控制标签,get方式显示在地址栏的数据,就会出现&符号
        地址栏:action的属性值?表单name的属性值=用户填写数据&表单控件的name值=用户填写的数据
        post方式:会把数据发给表单的处理程序,不会将表单数据显示在地址栏
⑤、get方式和post方式的优缺点:
        1、get方式提交的表单数据不安全 这个不安全是相对的
        2、get方式只能提交少量的数据
        3、以post方式 提交的数据相对安全,因为不会显示在地址栏中
        4、以post方式可以提交大量的数据!2M左右 这个数据大小可以进行配置 最大8M 配置是通过服务器来进行配置
⑥、enctype:上传文件时才会用到
        如果要想实现上传文件成功的话,form标签里必须设置两个值:
        第一个:method属性为post
        第二个:enctype属性值为multipart/form-data(多部分来自表单数据)
2、表单控制标签
        表单控件标签
        ①、文本框

<label for="user">用户名</label><input type="text" name="" id="" size="">

        name属性是用来设置文本框是谁,给php
        value:用户输入的数据

①、1、disabled:禁用,没有属性值 值等于他本身(写上disabled后,文本框不可以使用)
        readonly:只读,没有属性值,只会显示value的值
        disabled和readonly区别:(面试)
        相同点:不可以更改
        不同点:使用disabled的输入框,输入框里的内容不会发送给浏览器(常用)
        使用readonly的输入框,输入框里的内容会发送给浏览器
        text:size="40"设置宽度

2、密码框:

<label for="password111">密码</label><input type="password" name="" id="password111" size="">

3、单选按钮:
        一组单选按钮,name属性的值必须相等
        单选按钮必须有value属性值

<label for="sex">性别</label>

        男:<input type="radio" name="xb" value="男" checked="checked">
        女:<input type="radio" name="xb" value="女">
        checked属性:表示被选中,默认的。以上就是默认选择男

4、多选按钮:
        name属性值也要一样,单选按钮必须有value属性值 默认选中:checked

<label for="ah">爱好</label>

        唱:<input type="checkbox" name="hobby" value="1" checked="checked">
        跳:<input type="checkbox" name="hobby" value="2" >
        rap:<input type="checkbox" name="hobby" value="3" >
        篮球:<input type="checkbox" name="hobby" value="4" ><br/>

5、提交按钮:
        value不写,会默认提交两字
        一般情况下,提交按钮的name属性值不写。因为写了name属性后,会将后的value也提交,此处提交的是name的值和value值“提交”俩字,没有必要
        凡是需要将数据提交给表单处理程序的进行处理的,都需要加name属性,反之不需要交给表单处理的,就不用写name属性

<input type="submit" name="xb" value="值" >

6、重置按钮:

<input type="reset" value="值">

        将表单所有数据清空重置

7、图片按钮:
        也可以用图片当按钮,具有表单提交功能

<input type="image" src="">

8、普通按钮:
        没有表单提交功能,但是可以配合js使用

<input type="button" value=""name="">

9、文件上传:

<input type="file" name=""><br/>

10、隐藏域:

<input type="hidden" name="ss" value="小强">

        看不到,但是有重要用途

11、button标签:(双边标签)
        比input标签实现提交更好
        type默认值:ie浏览器下是button 其他是 submit
        比<input tyoe="button">更强大

<button type="submit"></button>

        type值: submit button reset三个属性

12、select多选菜单

<select>
<option value="1" selected="selected">小米</option>
<option value="2">苹果</option>
</select>

        select属性:
        multiple="multiple"列出所有选项多选
        name属性是给select设置的
        option属性:
        value=""给option设置的属性

13、文本域:
        textarea
        个人简介:

<textarea name="" cols=""rows=""> 内容</textarea>

        现在很少用文本域,都会将文本域替换为富文本编辑器
        11.png