表格
-
由三种元素嵌套而成
-
<table>
border(线条)/bordercolor(线条颜色)/bgcolor(背景颜色)/background(背景图片)/cellspacing(外边距)/cellpadding(内边距)
-
<tr>
height/align(水平)/valign(竖直)
设置width没用，可以设置height
设置高度如果小于cellpadding撑起的高度则没效果，大于才有效果
-
<td>
colspan(跨列)/rowspan(跨行) 用于实现不规则表格
记得删除被挤出来的格子(有几个单元格就有几个td)
-
caption
用来说明表格的名字，显示在表格上方
-
表格的分区
thead/tbody/tfoot，他们都是双标记,分区后跨行的时候注意不能跨区
-
表格的嵌套
在相应的td标签里嵌套table标签
列表
-
有序列表ol
- type 1/a/A/i/I
- start 后面跟数字，表示从第几个数字或字母开始
-
无序列表ul
- type disc(实心圆)/circle(空心圆)/square(实心矩形)
-
列表项li
用于指示具体的列表内容
ol和ul都要和li配合使用
-
列表嵌套的话，第二级的type类型自动设置
-
定义列表
- dl define list 定义列表
- dt define title 定义标题
- dd define detail 定义详细信息
表单
-
定义表单 form
- name：表单名称
- method：表单数据提交方式，分为get(默认)和post
- get 发送数据时。数据会直接加在url之后，安全性较差，并且有255个字符的字数限制，适用于数据量少的表单
- post 是将数据封装后再发送，字符串长度没有限制，数据安全性比较高
- action：指定将数据提交到哪里
-
input
- type：text(文本框)/pssword(密码框)/radio(单选框)/checkbox(复选框)
- name：提交表单数据必须有name属性
- required：设置表单控件必须填写
- readonly：设置内容只读
- value：设置控件默认值
- checked：设置radio和checkbox的默认值
- maxlength：设置最大字符数
- 注意：设置一组radio和checkbox时，一定要将name设置一致
-
select(选项框：下拉选项框和滚动列表)
- selected：默认选中项
- size（大于1则为滚动列表）：让用户看到几个选项
- option：列表项
- value：选项的值
- selected：设置默认值
- name：选项框命名
- multiple 表示此域中的选项可以多选，在选择时需要按住Ctrl或Shift
- 当添加了multiple属性，且size=1时，下拉式列表就会变成滚动条列表
-
textarea(多行文本输入框)
- cols：设置宽，用字符数设置
- rows：设置高
-
label
- 实现点击文本和点击选型按钮一样
- for：使用for来绑定另一个元素的id
-
按钮
- submit 保存按钮
- reset 重置按钮
- button 普通按钮 与JS搭配使用
-
隐藏域hidden
- name 名称
- value 值
-
文本选择框
- <input type="file">
- name 名称
-
表单分组
- <fieldset>
- <legend>分组标题</legend>
- 分组内容
- </fieldset>
小用法
- nowrap 可以使表格中的文字不自动换行
- tab键可以用来帮助代码布局整齐
网友评论