一:form表单
属性:1:action:跳转链接
2:method:默认是get方式提交表单,get方式提交,地址栏有用户名和密码等提交的内容
post提交方式,地址栏没有内容
3:form表单提交时根据name提交,name的取值一般是见名知义
4:但凡需要提交的,都必须用form包起来
5:name:没什么作用,只是如果一个页面有多个form,以示区分
二:的type属性:name是提交到后台数据库的,value是存input的值
hidden,隐藏字段,一般是存id
text:name,readonly="readonly"只读,size,placeholder, maxlength,value
password
radio:单选需要保持name相同,提交的时候,值是value决定的,checked被默认选中
男
女
checkbox:复选框name保持相同,提交到后台的值是value,checked="checked"
select,selected默认被选中
上海
广州
file:name属性
required:校验
按钮,不需要name,
提交按钮:submit
普通按钮:button
重置按钮:reset
使用DIV和CSS
div块级元素。单独显示一行,主要作用是页面布局,单独使用没有任何意义,需要和CSS配合使用
span是html的标签,他单独使用没有任何意义,必须结合css来使用,,主要用于对括起来的内容进行样式修饰
外部引入样式
stylesheet层叠样式表
内部引入
层级选择器
div p{ font-size: 30px; color: red; }
一切都是最好的安排!!!
属性选择器
input[type="text"]{ background-color: red; }
input [type="password"]{ background-color: green; }
用户名:
密码: