2019.8.30 NIIT第四十五天 /今天学习css和表单/
form
前台页面的信息需要通过表单才能传递到后台 表单在html中是form标签 input标签的属性name表示提交到后台的属性 要提交到后台的数据标签必须放到form标签中 form标签的action属性用于跳转到指定页面
form与a标签的区别
-
相同 都可以跳转到指定连接的页面 都可以传递参数
-
不同 fomr表单传输的数据可以自由输入 a标签只能写死在href上
form属性method
前段面试重点
- get:参数会显示在浏览器的地址栏上了。传递的参数有限制(在地址栏上显示的长度不能超过2K字节,多余的会被截掉),不需要解析,传递速度快
- post:参数会被隐藏,传递的参数无限制,保护敏感信息,需要解析,速度慢,上传文件必须使用post
radio
控件中只有value会传到后台 如果写value的值,默认是on 通过name属性进行控制选项个数,相同的name只能选择一个 checked表示默认选中(默认选中同组单选第一个)
select
multiple表示允许多选
div
块级元素 占一行,默认高度为0px,如果标签内部有内容,那么它的高度等于元素的高度 div自带换行 一般用于设计页面
span
内联元素 默认没有宽度,高度默认为23px,如果往标签中添加元素,它的宽度与元素宽度相同,不带换行功能 一般包裹文字
css选择器
选择器优先级 id选择器>类选择器>标签选择器 相同选择器设定,按css顺序而定
- 标签选择器 选择标签div{}
- 类选择器 .class{} (可以使用多次)
- id选择器 #id
- 层级选择器 根标签 子标签{} (层级选择器多层查找,所有子标签全都设置)
- 属性选择器 input[属性=?]{} (需要写中括号)
- 组合选择器 标签,标签{}