HTML 表格，表单，下拉菜单，按钮标签_html表格操作栏

HTML 表格，表单，下拉菜单，按钮标签

1. 表格（table嵌套tr，tr嵌套td和th）

<table borde=" ">
    <tr>
        <th>表头</th>
        <th>表头</th>
    </tr>
    <tr>
        <td>内容</td>
        <td>内容</td>
    </tr>
</table>
1
2
3
4
5
6
7
8
9
10

borde=“字体粗大小”;border边框线。

2. 表格合并单元格 (不换行)

<td rowspan="合并单元数值">内容</td>
1

①保留最右上目标，添加属性（取值多少数字），

跨行 rowspan=" “

跨列 colspan=” "

②删除其他单元格。

3. 表单（用于登录界面，注册界面，搜索区域）

<input type=" " name=" ">
1

• type=" "
  

① text 文本框；

② password 密码框；

<input type="password" placeholder="提示信息">
1

③ redio 单选框；

name 同组选项只选一个；

<label><input type="radio"></label>
1

④ checkbox 多选框；

<input type="checkbox" checked>
 <!-- checked 默认选项 -->
1
2

⑤ file 上传文件；

<input type="file" multiple>
<!-- multiple 多个文件上传 -->
1
2

4. 下拉菜单（select嵌套option每项）

<select>
    <option> </option>
    <option> </option>
    <option selectde> </option>
</select>
<!-- selectde 默认选项 -->
1
2
3
4
5
6

5. 文本域

<textarea> </textarea>
<!-- 右下角有拖拽功能，一般不使用，后面用CSS设置 -->
1
2

6. 按钮

<form action="发送数据的地址">
        <p>内容</p>
        <button type=" ">按钮文字</button>
</form>
1
2
3
4

• type=" "

① submit 提交，发送至后台；

② reset 重置；

③ button 普通按钮，和Java Script使用。

7. 无语义（布局网页，划分，摆放内容）

<div> </div> (独占一行) 大盒子
<span> </span> （不换行） 小盒子
1
2

8. 字符实体（预留字符）

& 与 nbsp ( lt / gt )之间并没有空格，否则无法显示表格上。