BootstrapBlazor.OnScreenKeyboard 6.0.7

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