HTML学习笔记(六)

<select>下拉列表

<form id="form1" name="form1" method="post" action="">    <select name="city“ id=“city”>    <option value="北京">北京</option>    <option value="天津“ selected=“selected”>天津</option>    <option value="河北">河北</option>    <option value="山东">山东</option>    <option value="内蒙">内蒙</option>    </select></form>

属性 属性值 说明
name
name名 规定下拉列表的名称

size
正整数 规定下拉列表中可见选项的数目

multiple multiple
布尔属性，设置后选单项目允许多选，否则只能选择一个

disabled
disabled 规定禁用该下拉列表

<option>标记

option 元素定义下拉列表中的一个选项（一个条目）。
浏览器将 标签中的内容作为 标签的菜单或是滚动列表中的一个元素显示。
option 元素位于 select 元素内部。

属性 属性值 说明
selected
selected 规定选项（在首次显示在列表中时）表现为选中状态。

value
字符串 定义送往服务器的选项值。

<button>标签——双边标记

属性 属性值 说明
name
name 控件名称

type
button、 reset、submit 按钮的类型

value
Text 初始值

disabled
disabled 禁用此按钮

<textarea>多行文本框

<form id="form1" name="form1" method="post" action="">        <textarea cols=“宽度” rows=“高度” name=“名称”>        默认内容        </textarea></form>

属性 属性值 说明
name
name 控件名称

rows
number 设置多行文本框的显示行数（高度），具体尺寸取决于文字大小

cols
number 设置多行文本框的显示列数（宽度），即字符数，具体尺寸取决于文字大小

disabled
disabled 布尔属性，设置当前文本框为禁用状态

<label>表单区域

定义：<label> 标签为 input 元素定义标注（标记）。
说明：
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
结合CSS可以控制表单文本或控件对齐，美化表单。

<form id="form1" name="form1" method="post" action="">        <label for=“username”>用户名</label>        <input type=“text” name=“username” id=“username” size=“20” /></form>

属性 属性值 说明
for element_id 规定 label 与哪个表单元素绑定

<fieldset>和<legend>

<fieldset>标记
fieldset 元素可将表单内的相关元素分组。
fieldset元素没有必需的或唯一的属性。

<legend>

legend元素为fieldset元素定义标题。
属性：align取值：left、center、right