第二天前端表单，表格，框架相关标签

三表单

1.form

action="#" 表单提交跳转的页面

method=“post” 默认为get

2.input

type=“text” 单行文本

type=“password” 密码

type=“radio” 多选

type=“checxbox” 重置

type=“reset” 提交

type=“submit” 文件上传

type=“file” 文件上传

type=“img” 图片按钮

type=“button” 普通按钮

type=“hidden” 隐藏

readonly

readonly=“readonly” 只读

disabled

disabled=“disabled” 禁用

placeholder

placeholder=“提示信息” 提示信息

3.select-option

selected=“selected” 选中

4.textarea

rows=“x” 行

cols=“y” 列

5.button

type=“button”
type=“reset”

type=“submit”

四表格

1.格式

<table>

<tr></td>…</td></tr>

</table>

2.table属性

border="2px solid #f00 " 边框宽度 线条 颜色

width/height 宽度/高度(数值或百分比)

bgcolor 表格背景颜色

cellspaceing 单元格距离，默认1

cellpadding 单元格内容与表线之间的距离，默认1

align 表格在页面的位置 left/center/right

3.caption

表格标题

4.thead/tbody/tfoot tr/th td属性

align 表格在页面的位置 left/center/right

vlign 垂直对齐方式 top/middle/bottom/baseline

width/height 宽度/高度(数值或百分比)

bgcolor 背景色，默认白色

rowspan 单元格向下跨行，相同于合并单元格

colspan 单元格向右跨列，相当于合并单元格

5.缺点

代码量大

层次复杂

不利于搜索引擎查找数据

维护困难，需修改整个结构

6.适用

规则的数据显示

表单页面

五框架

1.框架集frameset–>frame,frameset(frame)

显示多窗口页面，框架集放在body标签之外

例子：

<frameset rows=“15%,70%,*” border=“1” bordercolor="#993300">

* *

<frameset cols=“10%,*” border=“1” bordercolor="#0000FF">
<frame name=“left” src=“left.html” noresize=“noresize” scrolling=“no” />
<frame name=“main” src=“main.html” />
</frameset>

<frame name=“bottom” src=“bottom.html” />
</frameset>

格式：frameset–>frame,frameset(frame)

frameset在frame外面

frameset用于框架布局

frame用于显示具体内容

scrolling 表示滚动,noresize 表示不能改变大小

2.内嵌框架iframe

frameset需要使用多个文件，目录结构复杂
内嵌较为灵活，可以在网页的任何位置使用
可以作为模板，在本网站的多个页面复用

语法：<iframe src=“引用页面地址” name=“框架标识名” frameborder=“边框” scrolling=“auto/yes/no” />