一、框架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>
现在很少用文本域,都会将文本域替换为富文本编辑器