HTML基础课程及标签笔记 （第三章）

4.11下拉列表

使用下拉列表的好处：

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

（2）    方便输入

（3）    规范输入

<form action="#" nethod="post">
你来自：
<select name="lalala">
    <!-- 选项-->
    <option value="33">浙江</option>
    <option value="41">河南</option>
    <option value="32">江苏</option>
    <option value="36">江西</option>
</select>
    <br>
    <input type="submit" value="登录">
</form>

<select>标签定义了一个下拉菜单

<option>定义了一个下拉列选项

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

<option>标签的内容定义了个选项显示的文本，value属性定义了下拉列表的选项

<disabled>属性的意思是将当前的目标选项失去被选中的资格

Value属性定义选择时传递的参数。

加入multiple，选项可进行多选，并提交多个选项

如果想默认哪行进入表框，可加上selected

 

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

ctrl+alt+L:快速整理所有文档格式。（切记：与QQ快捷冲突）

 

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

 

 

Textarea：该标签可以创建一个可以放大缩小的文本框。主要目的是为了输入较多的文字信息。

（1）Rows：控制行数的属性。

（2）Cols：控制每行字数的属性。

Fieldset：该标签可添加一个可添加功能的框。

4.13 fieldset

当信息较多时，可以考录按照信息的内容行分组，达到表达清晰的目的。Fieldset标签提供信息分组的一种防治，分组后每组信息默认有一个边框。同时可以使用

 

4.14隐藏域

当需要想服务器传递参数，且改参数无需用户输入，甚至不想让榕湖看见，可以使用以藏域来实现。

4.15表单总结：

查看html表头

F12打开调试窗切换到网络

（4）    form （形式）：一般用于表单提交的目首。data（数据）:自定义属性。

 

5.table：

5.1：表格：

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

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