HTML 输入元素
2024-07-18 17:18:53
HTML 输入和 UI 元素
输入元素是普通的 DOM 元素，附加了所谓的本机行为 - 处理其外观和感觉的控制器。
| 标记和类型 | 行为 | 目的 |
|---|
<input type=text> | 行为：编辑 | 单线输入 |
<input type=password> | 行为：密码 | 单行密码输入 |
<input type=integer> | 行为：整数 | 整数数字输入 |
<input type=decimal> | 行为：十进制 | 十进制数字输入 |
<input type=number> | 行为：数字 | 整数或十进制输入 |
<input type=button> | 行为：按钮 | 按钮 |
<input type=radio> | 行为：收音机 | 单选按钮 |
<input type=checkbox> | 行为：检查 | 复选框按钮 |
<input type=hslider> | 行为：滑块 | 水平滑块 |
<input type=vslider> | 行为：滑块 | 垂直滑块 |
<input type=hscrollbar> | 行为：滚动条 | 水平独立滚动条 |
<input type=vscrollbar> | 行为：滚动条 | 垂直独立滚动条 |
<input type=calendar> | 行为：日历 | 独立日历输入 - 日期选择器 |
<input type=date> | 行为：日期 | 日期输入 |
<input type=time> | 行为：时间 | 时间输入 |
<input type=masked> | 行为：屏蔽编辑 | 蒙版文本输入 |
信息
所有 <input type=...> 元素都具有 <widget type=...> display：block 对应项。
| 标记和类型 | 行为 | 目的 |
|---|
<button> | 行为：按钮 | 按钮 |
<button type=submit> | 行为：按钮 | 表单中的“提交”按钮 |
<button type=reset> | 行为：按钮 | 窗体中的重置按钮 |
<button type=radio> | 行为：收音机 | 单选按钮与标签组合 |
<button type=checkbox> | 行为：检查 | 复选框按钮与标签组合 |
<button type=menu> | 行为：按钮弹出菜单 | 带有子 <menu> 元素的按钮，单击时显示菜单 |
<button type=toggle> | 行为：检查 | “检查”按钮样式为切换 |
注意
按钮也可能出现在具有不同工具栏外观的元素中 <toolbar> 。
选择
文本编辑器
| 标记和类型 | 行为 | 目的 |
|---|
<textarea> | 行为：文本区域 | 小文本的多行文本区域 |
<htmlarea> | 行为：富文本 | 所见即所得的 HTML 编辑器 |
<plaintext> | 行为：明文 | 针对相对较大的文本优化的多行纯文本编辑器。支持在文本行中使用措辞标记。 |
输出元素
容器元素
| 标记和类型 | 行为 | 目的 |
|---|
<frame> | 行为：框架 | 框架，可加载文档的容器 |
<frame type=pager> | 行为：寻呼机 | 打印预览帧 |
<frameset> | 行为：帧集 | 带分离器分离部分的容器 |
<form> | 行为：表单 | 输入元素的容器，多值聚合 |
<details> | 行为：详细信息 | 可折叠容器 |
| 标记和类型 | 行为 | 目的 |
|---|
| { menu bar} | 行为：菜单栏 | 菜单栏（默认情况下没有预定义元素） |
<menu.context> | 行为：菜单 | 上下文菜单 |
<menu.popup> | 行为：菜单 | 通用弹出菜单 |
