HTML的列表、表格、表单及display属性

HTML列表表格及表单

列表

有序列表ol

无序列表ul

定义列表dl dt(列表中每一项的项目名) dd(列表中每一项的具体描述)

表格

table 　　tr 表格中的行       td 行中的单元格

边框合并属性 border-collapse: collapse

tbody 表格的主体

caption 表格的标题

thead 表格的头部，一般和表格脚部tfoot一起使用

单元格的合并

 

表单form

action 属性对应于服务器地址

method 请求方法，默认是get,但post请求方式更好（post安全性更高，且数据更保密）

target 属性和a标签中的target一样：默认值为_self，即在当前页面打开， _black为在新页面打开。

enctype 需要注意在表单有文件上传之时必须为multipart/form-data,且method必须为post

input中的name属性（重点理解）：往服务器提交数据时，name作为key

value属性的作用

普通的让用户输入的input,一般不需要设置value,只需设置name属性即可向服务器传值，当有radio、checkbox、select这些选项标签时一定要设置value，value值为实际传向服务器的值。

实例：

label标签用于为input标签定义标记：您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签 时，浏览器就会自动将焦点转到和标签相关的表单控件上。

input的type属性的类型

html5中input的type值的扩展属性

fieldset与div的区别在于，前者方便于添加下面样式的标题

textarea的禁止缩放属性

cols: 列数 rows: 行数

缩放的css设置：默认可以缩放，禁止缩放：resize: none;

下拉菜单的其它属性

补充：

input的外边框outline的去除方法：

主要是为了去除浏览器的默认效果，自己给它重新设置样式

表单的两种提交方式：

补充:元素类型的划分

 

 

css中的display属性（重点）

作用：修改元素的显示类型