BootstrapBlazor.OnScreenKeyboard 8.0.1

Blazor OnScreenKeyboard 屏幕键盘 组件

示例

https://www.blazor.zone/onscreenkeyboards

https://blazor.app1.es/onscreenkeyboards

使用方法:

  1. nuget包

    BootstrapBlazor.SignaturePad

  2. _Imports.razor 文件 或者页面添加 添加组件库引用

    @using BootstrapBlazor.Components

  3. Razor页面

    @using BootstrapBlazor.Components
    
    @code{
        string BindValue = "virtualkeyboard"; 
    }
    
    <input class="@ClassName"
              data-kioskboard-type="@KeyboardType.all.ToString()"
              data-kioskboard-specialcharacters="true"
              placeholder="全键盘" />
    <input class="@ClassName"
           data-kioskboard-type="@KeyboardType.keyboard.ToString()"
           data-kioskboard-placement="@KeyboardPlacement.bottom.ToString()"
           placeholder="字母键盘" />
    <input class="@ClassName"
           data-kioskboard-type="@KeyboardType.numpad.ToString()"
           data-kioskboard-placement="@(KeyboardPlacement.bottom.ToString())"
           placeholder="数字键盘" />
    <OnScreenKeyboard ClassName="@ClassName" />
    
    
  4. 更多信息请参考

    Bootstrap 风格的 Blazor UI 组件库 基于 Bootstrap 样式库精心打造,并且额外增加了 100 多种常用的组件,为您快速开发项目带来非一般的感觉

    https://www.blazor.zone

    https://www.blazor.zone/onscreenkeyboards


Blazor On-screen keyboard component

Demo

https://www.blazor.zone/onscreenkeyboards

https://blazor.app1.es/onscreenkeyboards

Instructions:

  1. NuGet install pack

    BootstrapBlazor.OnScreenKeyboard

  2. _Imports.razor or Razor page

    @using BootstrapBlazor.Components
    
  3. Razor page

    @code{
        string BindValue = "virtualkeyboard"; 
    }
    
    <input class="@ClassName"
           data-kioskboard-type="@KeyboardType.all.ToString()"
           data-kioskboard-specialcharacters="true"
           placeholder="Full Keyboard" />
    
    <input class="@ClassName"
           data-kioskboard-type="@KeyboardType.keyboard.ToString()"
           data-kioskboard-placement="@KeyboardPlacement.bottom.ToString()"
           placeholder="Keyboard" />
    
    <input class="@ClassName"
           data-kioskboard-type="@KeyboardType.numpad.ToString()"
           data-kioskboard-placement="@(KeyboardPlacement.bottom.ToString())"
           placeholder="Numpad" />
    
  4. More informations

    Bootstrap style Blazor UI component library Based on the Bootstrap style library, it is carefully built, and 100 a variety of commonly used components have been added to bring you an extraordinary feeling for rapid development projects

    https://www.blazor.zone

    https://www.blazor.zone/onscreenkeyboards


Blazor 组件

条码扫描 ZXingBlazor nuget stats

图片浏览器 Viewer

手写签名 SignaturePad

定位/持续定位 Geolocation

屏幕键盘 OnScreenKeyboard

百度地图 BaiduMap

谷歌地图 GoogleMap

蓝牙和打印 Bluetooth

PDF阅读器 PdfReader

文件系统访问 FileSystem

光学字符识别 OCR

电池信息/网络信息 WebAPI

文件预览 FileViewer

视频播放器 VideoPlayer

图像裁剪 ImageCropper

视频播放器 BarcodeGenerator

AlexChow

今日头条 | 博客园 | 知乎 | Gitee | GitHub

No packages depend on BootstrapBlazor.OnScreenKeyboard.

Version Downloads Last updated
9.0.1 1 2025/6/8
9.0.0 1 2025/6/8
9.0.0-beta02 0 2024/11/7
9.0.0-beta01 0 2024/11/1
8.0.4 2 2025/6/9
8.0.3 0 2023/12/26
8.0.1 1 2025/6/10
8.0.0 0 2023/11/15
7.0.1 1 2025/6/9
7.0.0 0 2022/11/9
6.2.1 0 2022/10/12
6.2.0 1 2025/6/8
6.1.0 1 2025/6/9
6.0.7 0 2022/4/29
6.0.6 1 2025/6/7
6.0.2 0 2025/6/9
6.0.1 0 2022/4/12
6.0.0 0 2022/4/11