<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