<表单>
<form action="' method="" name="">
属性
(1)action:用于提交用户信息的路径或接口
(2)method:提交信息的方法有post和get两种
get和post的区别:get提交数据的时候会把数据暴露在URL,相对来说安全性不高
post提交的时候数据不会显示在URL上,安全性较高
get传输量较小,post可以传输大量数据
如果提交数据建议用post,相对安全一些
如果请求数据就用get,如果是添加,更改,删除数据,建议用post
(3)表单的名字
<input type=“” value=“” name=“” placeholder=“注意安全”>
属性:type:他的属性值决定input的表现形式
value:给input添加内容
name:input有这个属性,提交表单的时候才能获取到这个input信息
placeholder:提示输入的内容
type取值:
1.text(文本框)
2.passwo(密码框)
3.radio(单选框)如果要两个或多个单选按钮有联系的话,就给他们设置name属性
而且属性值要相同,checkd:表示选择按钮
4.CheckBox(多选框)
5.submit(提交按钮)
6.button(按钮)
submit和button的区别:submit点击就提交信息刷新页面,按钮不需要value属性
button点击没有任何变化,要有变化需要用JS控制,内容要value属性设置
7.reset(重置)
注意:重置按钮不能重置默认值
8.select(下拉框)
要嵌套<option></option>使用
<select>
<option></option>
<option></option>
<option></option>
</select>
9.文本输入框(textarea)
css的语法
选择符{声明},
声明:属性和属性值组成;
属性和属性值之间用:隔开,属性与属性之间用;隔开;
css的三种方式
(1)内联方式:直接在HTML标签中style属性,要添加的CSS样式就是style的属性值,css属性值得写法
作用域:只对设置的标签有用
(2)内部样式:
写法:在head标签中添加style标签——>在style标签写样式
样式的格式:选择符{属性:属性值1;属性:属性值2}
作用域:作用当前文件的所有相同的标签
(3)外部样式
首先建立一个CSS格式的文件,在head中用link引入
<link rel="stylesheet" href="路径">
link的属性:1.stylesheet必须要有,没有样式不显示
作用域:引用它的文件中有标签样式的都有效果
(4)外部样式导入
@import URL(路径)
注意点:1.必须放在style标签里面最开始的地方
2.@和import之间没有空格
3.url和括号之间也没有空格
4.必须以分号结尾
5.这个样式引入方式已经不常用了
css样式优先级:
(1)内联样式优先级>内部样式优先级
(2)内联样式优先级>外部样式优先级
(3)外部和内部的优先级判断
情况一:如果选择符都一样的情况,那么谁的在后面,就是显示谁的
情况二:根据选择符的权重有关系
选择符的分类:
(1)类型选择符:p,h1....h6,div,span,ul,li,ol,form,input.......
(2)类选择符-class
(3)id选择符
(4)特殊选择符-伪类选择符
(5)特殊选择符-通配符选择符*
(6)特殊选择符-群组选择符
(7)特殊选择符-包含选择符
(8)特殊选择符-属性选择符