HTML基础--(三)

xiaoxiao2021-02-28  98

1.文件选择框:

<input type="file" accept="image/*">  accept属性指定可选择的文件类型。

2.下拉列表:

<select>:标签定义一个下拉列表;name=“province”属性定义提交的参数名。

<option>:标签定义下拉列表的一个选项;标签的内容定义了该选项实现的文本。value属性定义选中该项时传递的参数值。

<select name="province">     <option value="41">河南</option>     <option value="33">浙江</option>     <option value="32">江苏</option>     <option value="36">江西</option> </select> 3.下拉列表多选:

同下拉列表,可通过社会multiple来实现。

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

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

<optgroup label="国产车">     <option value="红旗">红旗</option>     <option value="BYD">比亚迪</option>     <option value="奇瑞">QQ</option> </optgroup> <optgroup label="德系">     <!--selected---设置选项-->     <option value="benz"selected="selected">奔驰</option>     <option value="BWN">宝马</option>     <option value="dazhong">大众</option> </optgroup> <optgroup label="日系" disabled="disabled">

<option value="fengtian">丰田</option>     <option value="bentian">本田</option>     <option value="sanling">三菱</option> </optgroup>

4.textarea和fieldset

<textarea> 标签定义一个多行的文本输入控件。,主要是为了方便用户输入较多文字信息,rows属性指定文本区域的行数,cols属性指定编辑区域的列数。

fieldset 元素可将表单内的相关元素分组。

当信息较多时,可以开率按照信息内容进行分组,达到表达清晰的目的,fieldset标签提供将信息分组的一种方式,分组后没组信息默认有一个边框。同时可以使用<legend>标签为魅族指定一个标题。

5.隐藏域:

hidden:当需要向服务器传递一个用户的参数,且该参数无需用户输入,也无需让用户看见,可以使用隐藏域来实现。

6.表格

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

<table>:定义一个表格。

<caption>:定义表格的标题。

<thead>:定义表头不分。

<tbody>:定义表格主体(数据)部分。

<tr>:定义一行。

<th>、<td>:定义一个数据项(单元格),<th>一般用于表头,有加粗样式;<td>一般用于表格主体部分,没有加粗样式

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

转载请注明原文地址: https://www.6miu.com/read-41039.html

最新回复(0)