【HTML】表格表单

一、表格

表格的基本构成标签

<table> 表格标签
    <tr> 行标签
        <th></th> 表头标签（加粗并且居中）
        <th></th>
    </tr>
    <tr>
        <td></td> 单元格标签
        <td></td>
    </tr>
</table>

表格标签的属性

border 边框属性

background 背景图片属性

bgcolur 背景颜色属性

cellpadding 内边距，文本距离单元格的距离

cellspacing 外边距，单元格之间的距离

align 水平位置（左、中、右）

valign 垂直位置（上、中、下）

表格的合并

colspan 跨列合并单元格

rowspan 跨行合并单元格

二、表单

form 表单标签，双标签，里面就是表单体

input type = "" 双引号内部可填入

​text(文本输入框)   
password（密码框）   
radio（单选按钮）
checkbox（多选框）   
file（文件选择框）  

<form>
    用户名：<input type = "text" />
    密码：<input type = "password" />
    <input type = "radio" name = "sex"/>男
    <input type = "radio" name = "sex"/>女   单选框之间用name属性来分组，name相同的一组才能实现单选，多选框同理
    
    下拉框
    <select>
        <option>html</option>
        <option>css</option>
        <option>js</option>
    </select>
    
    <textarea>文本域的内容</textarea>   多行文本域，可以设置文本域的行列属性
</form>

表单标签的属性

placeholder 提示信息，输入内容后消失，没有输入内容显示

disable = "disable" 内容灰色不可用

selected = "selected" 下拉框默认选中

checked = "checked" 单选框默认选中

补充

表单所有标签都必须要有键值对，即 name = “” value = “” 用以发给服务器

专门用来选中表单中的提示文字的lable标签,lable有一个for属性，该属性需要指定一个表单项的id值。

内联框架

iframe 可以在页面上开辟一个单独的小区域显示一个单独的页面

ifarme和a标签组合使用的步骤:
    1 在iframe标签中使用name属性定义一个名称
    2 在a标签的target属性上设置iframe的name的属性值

<iframe width = "200" height = "200" name = "neilian"></iframe>

<a href = "页面" target = "neilian">点击此处可以跳转至小区域</a>