每日分享之9.29学习总结

表格

---

1. 由三种元素嵌套而成

• <table>

border(线条)/bordercolor(线条颜色)/bgcolor(背景颜色)/background(背景图片)/cellspacing(外边距)/cellpadding(内边距)

• <tr>

height/align(水平)/valign(竖直)
设置width没用，可以设置height
设置高度如果小于cellpadding撑起的高度则没效果，大于才有效果

• <td>

colspan(跨列)/rowspan(跨行)          用于实现不规则表格 
记得删除被挤出来的格子(有几个单元格就有几个td)

• caption

用来说明表格的名字，显示在表格上方

• 表格的分区

thead/tbody/tfoot，他们都是双标记,分区后跨行的时候注意不能跨区

• 表格的嵌套

在相应的td标签里嵌套table标签

列表

---

1. 有序列表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 定义详细信息

表单

---

1. 定义表单 form

• name：表单名称
• method：表单数据提交方式，分为get(默认)和post
  • get 发送数据时。数据会直接加在url之后，安全性较差，并且有255个字符的字数限制，适用于数据量少的表单
  • post 是将数据封装后再发送，字符串长度没有限制，数据安全性比较高
• action：指定将数据提交到哪里

2. input

• type：text(文本框)/pssword(密码框)/radio(单选框)/checkbox(复选框)
• name：提交表单数据必须有name属性
• required：设置表单控件必须填写
• readonly：设置内容只读
• value：设置控件默认值
• checked：设置radio和checkbox的默认值
• maxlength：设置最大字符数
• 注意：设置一组radio和checkbox时，一定要将name设置一致

3. select(选项框：下拉选项框和滚动列表)

• selected：默认选中项
• size（大于1则为滚动列表）：让用户看到几个选项
• option：列表项
  • value：选项的值
  • selected：设置默认值
• name：选项框命名
• multiple 表示此域中的选项可以多选，在选择时需要按住Ctrl或Shift
  • 当添加了multiple属性，且size=1时，下拉式列表就会变成滚动条列表

4. textarea(多行文本输入框)

• cols：设置宽，用字符数设置
• rows：设置高

5. label

• 实现点击文本和点击选型按钮一样
• for：使用for来绑定另一个元素的id

6. 按钮

• submit 保存按钮
• reset 重置按钮
• button 普通按钮 与JS搭配使用

7. 隐藏域hidden

   • name 名称
   • value 值

8. 文本选择框

   • <input type="file">
   • name 名称

9. 表单分组

   • <fieldset>
   • <legend>分组标题</legend>

• 分组内容
• </fieldset>

小用法

• nowrap 可以使表格中的文字不自动换行
• tab键可以用来帮助代码布局整齐