文档手册

数量 450

添加文章编辑

支持输入和 UI 元素

2024-07-07 00:23:01

输入元素是普通的 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> 。

选择

标记和类型	行为	目的
`<select>`	行为：select-dropdown	选择下拉列表
`<select type=dropdown>`	行为：select-dropdown	使用下拉列表显式声明选择
`<select type=list>`	行为：选择	就地列表、单选、多选、带复选标记的多选
`<select type=tree>`	行为：树	分层 `<option>` 树选择器：单个和多个选项
`<select type=switch>`	行为：选择	众多选择栏之一

文本编辑器

标记和类型	行为	目的
`<textarea>`	行为：文本区域	小文本的多行文本区域
`<htmlarea>`	行为：富文本	所见即所得的 HTML 编辑器
`<plaintext>`	行为：明文	针对相对较大的文本优化的多行纯文本编辑器。支持在文本行中使用措辞标记。

输出元素

标记和类型	行为	目的
`<progress>`	行为：进步	进度输出
`<meter>`	行为：进步	静态进度输出
`<output>`	行为：输出	价值输出
`<video>`	行为：视频	视频输出
`<lottie>`	行为：洛蒂	Lottie 动画输出

容器元素

标记和类型	行为	目的
`<frame>`	行为：框架	框架，可加载文档的容器
`<frame type=pager>`	行为：寻呼机	打印预览帧
`<frameset>`	行为：帧集	带分离器分离部分的容器
`<form>`	行为：表单	输入元素的容器，多值聚合
`<details>`	行为：详细信息	可折叠容器

菜单

标记和类型	行为	目的
{ 菜单栏}	行为：菜单栏	菜单栏（默认情况下没有预定义元素）
`<menu.context>`	行为：菜单	上下文菜单
`<menu.popup>`	行为：菜单	通用弹出菜单