mui提供了数字输入框控件,可直接输入数字,也可以点击“+”、“-”按钮变换当前数值;默认numbox控件dom结构比较简单,如下: <div class="mui-numbox"> <!-- "-"按钮,点击可减小当前数值 --> <button class="mui-btn mui-numbox-btn-minus" type="button">-</button> <inp
实例中,根据选中的不同选项,显示不同的值。 HTML 代码 <ion-header-bar> <h1>当选按钮</h1> </ion-header-bar> <ion-content> <div> <div> 选取的值为: {{ data.clientSide }} </div> <ion-radio n
import { Pwdinput } from 'feui'; components: { [Pwdinput.name]: Pwdinput }, data() { return { value: '', showKeyboard: true } } 代码演示 基础用法 <fe-pwdinput :value="value" info="密码为
使用指南 组件介绍 带网格的输入框组件,可以用于输入密码、支付密码等,可与数字键盘组件配合使用 引入方式 import { PasswordInput } from 'feart'; components: { "fe-password-input": PasswordInput, }, 代码演示 基本用法 <fe-password-input @change="onChange"
Display a notification message globally. Basic The simplest usage that close the notification box after 4.5s. <w class="button-container"> <button ref="notification-basic" class="btn btn-primary">Op
本章重点 了解对话框程序的作用 了解 QDialog 类及其子类的继承关系 掌握使用手写代码子类化 QDialog 类的方法 掌握结合 Qt Designer 创建对话框应用程序的方法 掌握常见的 Qt 标准内置对话框的使用方法 了解模态对话框和非模态对话框的区别并能够正确使用它们 绝大多数图形用户界面应用程序都带有一个由菜单栏、工具栏构成的主窗口以及一些 对主窗口进行补充的对话框。当然,也可以创
在使用Windows的过程中,用户经常会遇到一些常用的有特定用途的对话框。例如,当选择File->Open,会弹出一个文件选择的对话框,用户可以在其中选择想要打开的文件。象文件选择这样的对话框,使用的非常普遍,因此Windows系统本身提供了对该对话框的支持,用户不必自己设计文件选择对话框。与文件选择对话框类似的还有颜色选择、字体选择、打印和打印设置以及正文搜索和替换对话框。这五种对话框均由Win
对话框是一种用户界面,它的主要功能是输出信息和接收用户的输入。对话框与控件是密不可分的,在每个对话框内一般都有一些控件,对话框依靠这些控件与用户进行交互.一个典型的对话框例子是选择了File-Open命令后弹出的文件对话框. 对话框是一种复杂的用户界面,本章的讨论将围绕对话框和基本控件进行,主要包括以下几点: 5.1对话框和控件的基本概念 5.2 对话框模板的设计 5.3 对话框类的设计 5.4
BORDER_THIN // 薄边框风格 BORDER_MEDIUM // 中等边框风格 BORDER_DASHED // 虚线边框风格 BORDER_DOTTED // 虚线边框样式 BORDER_THICK // 厚边框风格 BORDER_DOUBLE
描述 (Description) 复选框组允许用户通过选中它们来选择指定选项的列表。 item-content必须是带有label-checkbox类的标签元素,复选框图标应该是item-media 。 例子 (Example) 以下示例演示了Framework7中复选框组的使用 - <!DOCTYPE html> <html> <head> <meta name = "view
点击元素,弹出气泡确认框。 基础用法 Popconfirm 的属性与 Popover 很类似,因此对于重复属性,请参考 Popover 的文档,在此文档中不做详尽解释。 在 Popconfirm 中,只有 title 属性可用,content 属性不会被展示。 <template> <el-popconfirm title="这是一段内容确定删除吗?" > <template #referen
Popconfirm 气泡确认框 点击元素,弹出气泡确认框。 基础用法 Popconfirm 的属性与 Popover 很类似,因此对于重复属性,请参考 Popover 的文档,在此文档中不做详尽解释。 在 Popconfirm 中,只有 title 属性可用,content 属性不会被展示。 <template> <el-popconfirm title="这是一段内容确定删除吗?" >
使用网格的列来设置输入框的大小,如 .large-6, .medium-6, 等。 更多网格系统知识,可以点击 相等大小列 以下演示了相等大小列的实例: 实例<form> <div> <div> <label>medium-4 (100% on small, stacked) <input type="text" placeholder="Name">
选择框是通过<select>和<option>元素创建的。为了方便与这个控件交互,除了所有表单字段共有的属性和方法外,HTMLSelectElement 类型还提供了下列属性和方法。 add(newOption, relOption):向控件中插入新<option>元素,其位置在相关项(relOption)之前。 multiple:布尔值,表示是否允许多项选择;等价于HTML 中的multiple
在HTML 中,有两种方式来表现文本框:一种是使用<input>元素的单行文本框,另一种是使用<textarea>的多行文本框。这两个控件非常相似,而且多数时候的行为也差不多。不过,它们之间仍然存在一些重要的区别。 要表现文本框,必须将<input>元素的type 特性设置为"text"。而通过设置size 特性,可以指定文本框中能够显示的字符数。通过value 特性,可以设置文本框的初始值,而m