html 激活控件,HTML 基础之控件介绍

之前给小伙伴们介绍了html的常用标签分类，今天就给大家详细介绍下html的基础控件，这里主要介绍 input、select、textarea、label、fieldset等标签。

1. 标签

作用：可创建单选或多选菜单

属性:size ：设置下拉列表尺寸。默认的为combox样式；大于1时，就是listbox样式。

multiple {boolean}：是否多项选择。若为多选，按住Ctrl+左键可进行多选操作。

标签：定义选择项的类别，不能被选中。label {string} 属性：类别展示的名称

title {string} 属性：鼠标移到选择项上去，要展示的信息

标签：定义可选的项目vlaue {string} 属性：选择项具体的名称

title {string} 属性：鼠标移到选择项上去，要展示的信息1

select标签

23    4    北京5    上海6    7    四川8    河北9

2、标签

标签:用于搜集用户信息。比如网页的登录，注册框等。1

根据不同的 type 属性值，输入字段拥有很多种形式。

可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。text：文本区域readonly属性：是否只读。

password：密码区域，输入的文本以"*"展示

checkbox：复选框checked属性：是否选中；

radio：单选框；name属性：指定多个单选框的在一个区域里进行单选操作

reset：重置当前

表单里所有标签到初始化状态(如清除文本区域内容)

submit：提交当前表单信息到指定页面

button：普通按钮value属性：button按钮显示的文本

file：文件选择标签

hide：隐藏区域，可以把一些不展示给用户，而自己使用的信息存放于此

image：图片区域src属性：指定图片存放的路径；

title属性：鼠标移到图上显示的文本；

alt：图片加载失败或关闭时，显示的文本

3. 标签

作用：多行文本区域，可以通过 cols 和 rows 属性来设定 textarea 的尺寸。用于输入长段文字。

属性：rows {int}：表示显示的行数。

cols {int}：表示显示的列数。

readonly {boolean}：是否只读。1

textarea标签

2

4. 标签

作用：相当于一个展示文本框

属性:for {elementID}：关联对应的控件id；当点击此label标签时，绑定id的控件会获取焦点；1

姓名：
密码：

点击“姓名”，id=“username”的输入框会自动获取焦点。方便用户输入信息。

5.

标签

fieldset 元素可将表单内的相关元素分组。item子项：表示抬头的名称。1

fieldset标签

23    性别4    男5    女6