HTML整理3

来源：互联网发布：ubuntu 网卡重启不生效编辑：程序博客网时间：2024/05/16 03:17

4.12文件选择框

<form action="">
选择你的头像：<input type="file" accept="image/*">
</form>

选择你的头像：<input type="file" accept="image/jpeg">

简介：<input type="file" accept="application/pdf">

简介：<input type="file" accept="doc">

accept属性指定可选择的文件类型

上传文件需要指定对应表单的属性

4.13下拉列表

使用下拉列表的好处：

（1）节省页面空间，使得页面更加简洁

（2）方便输入

（3）规范输入

Selected表示默认选中

<select>标签定义了一个下拉列表

<option>标签定义了一个下拉列表的一个选项

<select>标签的name属性定义了提交的参数名

<option>标签的内容定义了该选项显示的文本，value属性定义了选中该选项时传递的参数值。

比如选择“浙江”并提交

提交的参数如下：

多选可通过设置multiple属性来实现，ctrl+单击选择多个

你喜欢的颜色有：
<select name="color" multiple>
    <option value="red">红色</option>
    <option value="blue">蓝色</option>
    <option value="green">绿色</option>
    <option value="yellow">黄色</option>
</select>

传递的参数：

<select>标签的size属性定义了下拉列表框显示的选项个数，当小于实际选项个数时，会自动增加一个滚动条。

<optgroup>的label属性定义分组显示的文字，disabled设置该分组不能用。

4.14 textarea

textarea标签主要是为了方便用户输入较多文字信息，rows属性指定编辑区域的行数，cols属性指定编辑区域的列数。

<body>

学习经历：<textarea rows="10" cols="30"></textarea>

</body>

readonly 只读

disabled 只读（效果更强）

4.15 fieldset

当信息较多时，可以考虑按照信息的内容进行分类，达到表达清晰地目的。Fieldset标签提供将信息分组的一种方式，分组后每组信息默认有一个边框。同时可以使用<legend>标签为每组指定一个标题。

<form action="result.html" method="get">
    <fieldset>
        <legend>个人基本信息</legend>
        姓名：<input type="text" name="name">
        <br>
        性别：<input type="text" name="school">
        <br>
        年龄：<input type="text" name="age">
    </fieldset>
    <fieldset>
        <legend>工作经历</legend>
        工作单位：<input type="text" name="gzjl">
        <br>
        职务：<input type="text" name="zw">
    </fieldset>
</form>

4.16 隐藏域

当需要向服务器传递参数，且该参数无需用户输入，甚至都不想让用户看到，可以使用隐藏域。

4.17表单总结

5.Table

5.1表格

表格的组成部分：标题、表头、主体、表尾

<table>定义一个表格

<caption>定义表格的标题

<thead>定义表头部分

<tbody>定义表格主体（数据）部分

<tfoot>定义表尾，一般显示汇总信息等

<tr>定义一行

<th><td>定义一个数据项（单元格），<th>一般用于表头，有加粗样式，<td>一般用于表格主体部分，没有加粗样式

<td>的rowspan和colspan分别定义单元格跨行的行数、跨列的列数

阅读全文

0 0