From 0fe77452e134a2cc80e7de5c6bb0210a8a99d5a0 Mon Sep 17 00:00:00 2001
From: kendo-bot <kendouiteam@progress.com>
Date: Mon, 17 Feb 2025 11:17:29 +0000
Subject: [PATCH] chore: update visual previews

---
 .../action-sheet/action-sheet-data-table.html |   4 +-
 tests/action-sheet/action-sheet-list.html     |  16 +-
 tests/appbar/appbar-rtl.html                  |  26 +-
 tests/appbar/appbar.html                      |  26 +-
 tests/autocomplete/autocomplate-grouping.html |   8 +-
 tests/autocomplete/autocomplete-adaptive.html |   8 +-
 tests/autocomplete/autocomplete-flat.html     |  48 +--
 tests/autocomplete/autocomplete-opened.html   |   4 +-
 tests/autocomplete/autocomplete-outline.html  |  48 +--
 .../autocomplete-prefix-suffix.html           |  72 ++---
 tests/autocomplete/autocomplete-solid.html    |  48 +--
 tests/breadcrumb/breadcrumb-items-rtl.html    |  18 +-
 tests/breadcrumb/breadcrumb-items.html        |  18 +-
 tests/captcha/captcha-rtl.html                |  10 +-
 tests/captcha/captcha.html                    |  10 +-
 .../tab-format-sections-expanded.html         |  42 +--
 tests/chat/chat-content-rtl.html              |   8 +-
 tests/chat/chat-content.html                  |   8 +-
 tests/chat/chat-rtl.html                      |   6 +-
 tests/chat/chat.html                          |   6 +-
 tests/checkbox/checkbox-group.html            |  24 +-
 tests/checkbox/checkbox-label-position.html   |  24 +-
 tests/checkbox/checkbox-rounded.html          |  30 +-
 tests/checkbox/checkbox-size.html             |  54 ++--
 tests/checkbox/checkbox.html                  |  80 ++---
 .../coloreditor-focused-colorgradient.html    |   8 +-
 tests/coloreditor/coloreditor-rtl.html        |  16 +-
 tests/coloreditor/coloreditor-sizes.html      |  24 +-
 tests/coloreditor/coloreditor-states.html     |  16 +-
 tests/coloreditor/coloreditor.html            |  16 +-
 .../colorgradient/colorgradient-contrast.html |   8 +-
 .../colorgradient-draghandle.html             |  24 +-
 tests/colorgradient/colorgradient-modes.html  |  30 +-
 tests/colorgradient/colorgradient-rtl.html    |   8 +-
 tests/colorgradient/colorgradient-sizes.html  |  24 +-
 tests/colorgradient/colorgradient-states.html |  40 +--
 tests/colorgradient/colorgradient.html        |   8 +-
 tests/colorpicker/colorpicker-adaptive.html   |  16 +-
 tests/colorpicker/colorpicker-opened.html     |   8 +-
 tests/column-menu/column-menu-rtl.html        |  16 +-
 tests/column-menu/column-menu-tabbed.html     |   8 +-
 tests/column-menu/column-menu.html            |  16 +-
 tests/combobox/combobox-adaptive.html         |   8 +-
 tests/combobox/combobox-flat.html             |  48 +--
 tests/combobox/combobox-grouping.html         |   8 +-
 tests/combobox/combobox-opened.html           |   4 +-
 tests/combobox/combobox-outline.html          |  48 +--
 tests/combobox/combobox-prefix-suffix.html    |  72 ++---
 tests/combobox/combobox-size-rounded.html     |  24 +-
 tests/combobox/combobox-solid.html            |  48 +--
 tests/dateinput/dateinput-flat.html           |  44 +--
 tests/dateinput/dateinput-outline.html        |  44 +--
 tests/dateinput/dateinput-size-rounded.html   |  24 +-
 tests/dateinput/dateinput-solid.html          |  44 +--
 tests/datepicker/datepicker-adaptive.html     |   4 +-
 tests/datepicker/datepicker-flat.html         |  44 +--
 tests/datepicker/datepicker-opened.html       |   4 +-
 tests/datepicker/datepicker-outline.html      |  44 +--
 tests/datepicker/datepicker-size-rounded.html |  24 +-
 tests/datepicker/datepicker-solid.html        |  44 +--
 .../daterangepicker-adaptive.html             |   8 +-
 .../daterangepicker/daterangepicker-flat.html |  24 +-
 .../daterangepicker-opened.html               |   8 +-
 .../daterangepicker-outline.html              |  24 +-
 .../daterangepicker-size-rounded.html         |  48 +--
 .../daterangepicker-solid.html                |  24 +-
 .../datetimepicker-adaptive.html              |   4 +-
 tests/datetimepicker/datetimepicker-flat.html |  44 +--
 .../datetimepicker/datetimepicker-opened.html |   8 +-
 .../datetimepicker-outline.html               |  44 +--
 .../datetimepicker-size-rounded.html          |  24 +-
 .../datetimepicker/datetimepicker-solid.html  |  44 +--
 tests/dropdowngrid/dropdowngrid-adaptive.html |   8 +-
 tests/dropdowngrid/dropdowngrid-flat.html     |  48 +--
 tests/dropdowngrid/dropdowngrid-opened.html   |   4 +-
 tests/dropdowngrid/dropdowngrid-outline.html  |  48 +--
 .../dropdowngrid-prefix-suffix.html           |  72 ++---
 .../dropdowngrid-size-rounded.html            |  24 +-
 tests/dropdowngrid/dropdowngrid-solid.html    |  48 +--
 tests/dropdownlist/dropdownlist-adaptive.html |  12 +-
 .../dropdownlist/dropdownlist-filtering.html  |   4 +-
 .../dropdownlist-grouping-filtering.html      |   8 +-
 tests/dropdowntree/dropdowntree-opened.html   |   4 +-
 tests/editor/editor-find-replace.html         |  22 +-
 tests/editor/editor-image-editor.html         |   8 +-
 tests/editor/editor-table-wizard.html         |  42 +--
 .../filemanager/filemanager-contextmenu.html  |   2 +-
 tests/filemanager/filemanager-drag-hint.html  |   2 +-
 .../filemanager-gridview-preview.html         |   6 +-
 tests/filemanager/filemanager-gridview.html   |   4 +-
 .../filemanager-listview-preview.html         |   6 +-
 tests/filemanager/filemanager-listview.html   |   4 +-
 tests/filter/filter-preview.html              |   6 +-
 tests/filter/filter.html                      |   6 +-
 tests/floating-label/floating-label-flat.html |  40 +--
 .../floating-label-input-sizes.html           |  12 +-
 .../floating-label-outline.html               |  40 +--
 .../floating-label/floating-label-solid.html  |  40 +--
 tests/form/form-field-dateinputs.html         |  24 +-
 tests/form/form-field-dropdowns.html          |  12 +-
 tests/form/form-field-fieldset.html           |  12 +-
 tests/form/form-field-inputs-rtl.html         |  44 +--
 tests/form/form-field-inputs.html             |  44 +--
 tests/form/form-grid-layout.html              |  10 +-
 tests/form/form-misc.html                     |  20 +-
 tests/form/form-sizes.html                    |  48 +--
 tests/gantt/gantt-editing-popup-general.html  |  12 +-
 tests/gantt/gantt-editing-popup-other.html    |   8 +-
 .../gantt/gantt-editing-popup-resources.html  |  16 +-
 tests/grid/grid-adaptive-filter-bool.html     |   4 +-
 tests/grid/grid-adaptive-filter-multi.html    |   6 +-
 tests/grid/grid-adaptive-filter.html          |   4 +-
 tests/grid/grid-adaptive-search.html          |   4 +-
 tests/grid/grid-angular.html                  |  10 +-
 tests/grid/grid-column-menu-angular.html      |  18 +-
 tests/grid/grid-column-menu-blazor.html       |   6 +-
 tests/grid/grid-column-menu-rtl.html          |  32 +-
 tests/grid/grid-column-menu-tabbed.html       |  42 +--
 tests/grid/grid-column-menu.html              |  32 +-
 tests/grid/grid-column-resizing-actions.html  |   4 +-
 tests/grid/grid-editing-custom-editor.html    |  32 +-
 tests/grid/grid-editing-inline-angular.html   |  16 +-
 tests/grid/grid-editing-inline-blazor.html    |   8 +-
 tests/grid/grid-editing-popup.html            |   8 +-
 tests/grid/grid-editing.html                  |  12 +-
 tests/grid/grid-filter-menu-angular.html      |  18 +-
 tests/grid/grid-filter-menu-blazor.html       |   6 +-
 .../grid/grid-filter-menu-multi-checkbox.html |  32 +-
 tests/grid/grid-filter-menu.html              |   4 +-
 tests/grid/grid-filter-row-angular.html       |  20 +-
 tests/grid/grid-filter-row-blazor.html        |  12 +-
 tests/grid/grid-filter-row.html               |  22 +-
 tests/grid/grid-grouping-blazor.html          |   6 +-
 tests/grid/grid-grouping-detail-template.html |  24 +-
 tests/grid/grid-locked-columns-rtl.html       |  12 +-
 tests/grid/grid-locked-columns.html           |  12 +-
 tests/grid/grid-react-basic.html              |  28 +-
 tests/grid/grid-rows-resizing.html            |   4 +-
 tests/grid/grid-rows-states.html              |  22 +-
 tests/grid/grid-size-sm-comp-sm.html          |  14 +-
 tests/grid/grid-size-sm.html                  |  14 +-
 tests/grid/grid-toolbar.html                  |   8 +-
 tests/imageeditor/imageeditor-crop-pane.html  |   6 +-
 .../imageeditor/imageeditor-resize-pane.html  |   6 +-
 tests/list/list.html                          |  16 +-
 tests/maskedtextbox/maskedtextbox-flat.html   |  48 +--
 .../maskedtextbox/maskedtextbox-outline.html  |  48 +--
 .../maskedtextbox-prefix-suffix.html          |  72 ++---
 .../maskedtextbox-size-rounded.html           |  24 +-
 tests/maskedtextbox/maskedtextbox-solid.html  |  48 +--
 tests/multiselect/multiselect-adaptive.html   |   8 +-
 tests/multiselect/multiselect-flat.html       |  60 ++--
 tests/multiselect/multiselect-grouping.html   |   8 +-
 tests/multiselect/multiselect-opened.html     |   4 +-
 tests/multiselect/multiselect-outline.html    |  60 ++--
 .../multiselect-prefix-suffix.html            |  72 ++---
 .../multiselect/multiselect-size-rounded.html |  24 +-
 tests/multiselect/multiselect-solid.html      |  60 ++--
 .../multiselecttree-adaptive.html             |   4 +-
 .../multiselecttree-opened.html               |  28 +-
 tests/numerictextbox/numerictextbox-flat.html |  48 +--
 .../numerictextbox-outline.html               |  48 +--
 .../numerictextbox-prefix-suffix.html         |  72 ++---
 .../numerictextbox-size-rounded.html          |  24 +-
 .../numerictextbox/numerictextbox-solid.html  |  48 +--
 tests/otp/otp-flat-no-space.html              | 264 ++++++++--------
 tests/otp/otp-flat.html                       | 264 ++++++++--------
 tests/otp/otp-outline-no-space.html           | 264 ++++++++--------
 tests/otp/otp-outline.html                    | 264 ++++++++--------
 tests/otp/otp-size-rounded.html               | 288 +++++++++---------
 tests/otp/otp-solid-no-space.html             | 264 ++++++++--------
 tests/otp/otp-solid.html                      | 264 ++++++++--------
 tests/otp/otp.html                            | 120 ++++----
 tests/pager/pager-adaptive.html               |   6 +-
 tests/pager/pager-sizes.html                  |   6 +-
 tests/pager/pager.html                        |  12 +-
 tests/pdf-viewer/pdf-viewer-annotations.html  |   8 +-
 tests/pdf-viewer/pdf-viewer-blank-page.html   |   4 +-
 .../pdf-viewer-free-text-annotation.html      |   4 +-
 .../pdf-viewer-highlight-annotation.html      |   4 +-
 tests/pdf-viewer/pdf-viewer-old-toolbar.html  |   4 +-
 .../pdf-viewer/pdf-viewer-popup-editors.html  |   2 +-
 tests/pdf-viewer/pdf-viewer-search-panel.html |  12 +-
 tests/pdf-viewer/pdf-viewer.html              |   4 +-
 tests/pivotgrid/pivotgrid-column-menus.html   |  50 +--
 .../pivotgrid-settings-left-right.html        |  16 +-
 .../pivotgrid-settings-panel-horizontal.html  |  58 ++--
 .../pivotgrid-settings-panel-vertical.html    |  64 ++--
 tests/pivotgrid/pivotgrid-settings-top.html   |  32 +-
 tests/popup/popup-no-data.html                |   4 +-
 tests/prompt/prompt-inline.html               |   6 +-
 tests/propertygrid/propertygrid.html          |   2 +-
 tests/radio/radio-group.html                  |  36 +--
 tests/radio/radio-label-position.html         |  24 +-
 tests/radio/radio-size.html                   |  48 +--
 tests/radio/radio.html                        |  88 +++---
 tests/scheduler/scheduler-edit-dialog.html    |  26 +-
 tests/scheduler/scheduler-editing-weekly.html |  32 +-
 tests/searchbox/searchbox-flat.html           |  40 +--
 tests/searchbox/searchbox-outline.html        |  40 +--
 tests/searchbox/searchbox-solid.html          |  40 +--
 .../spreadsheet-cell-contextmenu.html         |   2 +-
 .../spreadsheet-data-validation.html          |  12 +-
 .../spreadsheet/spreadsheet-file-dialogs.html |   2 +-
 .../spreadsheet/spreadsheet-filter-menu.html  |  22 +-
 tests/spreadsheet/spreadsheet-filtering.html  |   2 +-
 .../spreadsheet-find-replace-dialog.html      |   4 +-
 .../spreadsheet-format-dialogs.html           |   6 +-
 tests/spreadsheet/spreadsheet-formula.html    |   2 +-
 .../spreadsheet-insert-dialogs.html           |   4 +-
 tests/spreadsheet/spreadsheet-jquery.html     |   4 +-
 tests/spreadsheet/spreadsheet-print.html      |  28 +-
 .../spreadsheet-row-contextmenu.html          |   2 +-
 tests/spreadsheet/spreadsheet-sheets-bar.html |   2 +-
 tests/spreadsheet/spreadsheet.html            |   2 +-
 tests/taskboard/taskboard-card.html           |   2 +-
 tests/taskboard/taskboard-column.html         |   8 +-
 tests/taskboard/taskboard-pane.html           |   8 +-
 tests/taskboard/taskboard-rtl.html            |   2 +-
 tests/taskboard/taskboard.html                |   2 +-
 tests/textbox/textbox-flat.html               |  48 +--
 tests/textbox/textbox-outline.html            |  48 +--
 tests/textbox/textbox-prefix-suffix.html      |  72 ++---
 tests/textbox/textbox-size-rounded.html       |  24 +-
 tests/textbox/textbox-solid.html              |  48 +--
 .../timedurationpicker-expanded.html          |   4 +-
 .../timedurationpicker.html                   |  36 +--
 tests/timepicker/timepicker-adaptive.html     |   4 +-
 tests/timepicker/timepicker-flat.html         |  44 +--
 tests/timepicker/timepicker-opened.html       |   4 +-
 tests/timepicker/timepicker-outline.html      |  44 +--
 tests/timepicker/timepicker-solid.html        |  44 +--
 tests/toolbar/toolbar-components.html         |   8 +-
 tests/toolbar/toolbar-fill-modes.html         |  24 +-
 tests/treelist/treelist-editing-popup.html    |   8 +-
 tests/treelist/treelist-react.html            |   6 +-
 tests/treeview/treeview.html                  |  24 +-
 237 files changed, 3594 insertions(+), 3594 deletions(-)

diff --git a/tests/action-sheet/action-sheet-data-table.html b/tests/action-sheet/action-sheet-data-table.html
index 9dfb953036e..78542b8cb5a 100644
--- a/tests/action-sheet/action-sheet-data-table.html
+++ b/tests/action-sheet/action-sheet-data-table.html
@@ -56,7 +56,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
@@ -169,7 +169,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
diff --git a/tests/action-sheet/action-sheet-list.html b/tests/action-sheet/action-sheet-list.html
index cb5280af4e0..3537fbe78cb 100644
--- a/tests/action-sheet/action-sheet-list.html
+++ b/tests/action-sheet/action-sheet-list.html
@@ -56,7 +56,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
@@ -88,7 +88,7 @@
                                                 </li>
                                                 <li class="k-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-list-item-text">Checkbox</span>
                                                 </li>
@@ -102,7 +102,7 @@
                                                 </li>
                                                 <li class="k-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-icon k-svg-icon k-svg-i-gear">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -158,7 +158,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
@@ -190,7 +190,7 @@
                                                 </li>
                                                 <li class="k-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-list-item-text">Checkbox</span>
                                                 </li>
@@ -204,7 +204,7 @@
                                                 </li>
                                                 <li class="k-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-icon k-svg-icon k-svg-i-gear">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -260,7 +260,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
@@ -348,7 +348,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
diff --git a/tests/appbar/appbar-rtl.html b/tests/appbar/appbar-rtl.html
index 160da63f2dd..1769e5b2b7a 100644
--- a/tests/appbar/appbar-rtl.html
+++ b/tests/appbar/appbar-rtl.html
@@ -61,7 +61,7 @@ <h1 class="title">Page Title</h1>
                     <span class="k-spacer"></span>
                     <div class="k-appbar-section">
                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                         </span>
                     </div>
                     <div class="k-appbar-section">
@@ -110,7 +110,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -158,7 +158,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -206,7 +206,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -254,7 +254,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -302,7 +302,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -350,7 +350,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -398,7 +398,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -446,7 +446,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -494,7 +494,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -542,7 +542,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -590,7 +590,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -638,7 +638,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
diff --git a/tests/appbar/appbar.html b/tests/appbar/appbar.html
index 28323c634c1..18dc111c5c1 100644
--- a/tests/appbar/appbar.html
+++ b/tests/appbar/appbar.html
@@ -61,7 +61,7 @@ <h1 class="title">Page Title</h1>
                     <span class="k-spacer"></span>
                     <div class="k-appbar-section">
                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                         </span>
                     </div>
                     <div class="k-appbar-section">
@@ -110,7 +110,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -158,7 +158,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -206,7 +206,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -254,7 +254,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -302,7 +302,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -350,7 +350,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -398,7 +398,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -446,7 +446,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -494,7 +494,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -542,7 +542,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -590,7 +590,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
@@ -638,7 +638,7 @@ <h1 class="title">Page Title</h1>
                 <span class="k-spacer"></span>
                 <div class="k-appbar-section">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-appbar-section">
diff --git a/tests/autocomplete/autocomplate-grouping.html b/tests/autocomplete/autocomplate-grouping.html
index bb2afdcc7a4..68f3283f3b6 100644
--- a/tests/autocomplete/autocomplate-grouping.html
+++ b/tests/autocomplete/autocomplate-grouping.html
@@ -24,7 +24,7 @@
         <span>Classic Autocomplete Grouping RTL</span>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" type="text" value="">
             </span>
             <div class="k-animation-container k-animation-container-shown">
                 <div class="k-child-animation-container">
@@ -63,7 +63,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" type="text" value="">
             </span>
             <div class="k-animation-container k-animation-container-shown">
                 <div class="k-child-animation-container">
@@ -104,7 +104,7 @@
         <span>Modern Autocomplete Grouping RTL</span>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" type="text" value="">
             </span>
             <div class="k-animation-container k-animation-container-shown">
                 <div class="k-child-animation-container">
@@ -145,7 +145,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" type="text" value="">
             </span>
             <div class="k-animation-container k-animation-container-shown">
                 <div class="k-child-animation-container">
diff --git a/tests/autocomplete/autocomplete-adaptive.html b/tests/autocomplete/autocomplete-adaptive.html
index 4830ed1031f..db9767ba344 100644
--- a/tests/autocomplete/autocomplete-adaptive.html
+++ b/tests/autocomplete/autocomplete-adaptive.html
@@ -29,7 +29,7 @@
         <span>full screen</span>
         <section>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
             <div class="k-actionsheet-container">
                 <div class="k-overlay"></div>
@@ -59,7 +59,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
@@ -89,7 +89,7 @@
         </section>
         <section>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
             <div class="k-actionsheet-container">
                 <div class="k-overlay"></div>
@@ -119,7 +119,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
diff --git a/tests/autocomplete/autocomplete-flat.html b/tests/autocomplete/autocomplete-flat.html
index 9460b0ce4be..19b721042ef 100644
--- a/tests/autocomplete/autocomplete-flat.html
+++ b/tests/autocomplete/autocomplete-flat.html
@@ -21,27 +21,27 @@
         <span>Autocomplete Flat RTL</span>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -53,7 +53,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -65,7 +65,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -77,7 +77,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -89,7 +89,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -101,7 +101,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -113,7 +113,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -130,7 +130,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -147,7 +147,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -164,7 +164,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -181,7 +181,7 @@
         </div>
         <div>
             <span required="" class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -193,7 +193,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -205,39 +205,39 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -254,7 +254,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/autocomplete/autocomplete-opened.html b/tests/autocomplete/autocomplete-opened.html
index 18600bacaaa..a0ffc7a5f0e 100644
--- a/tests/autocomplete/autocomplete-opened.html
+++ b/tests/autocomplete/autocomplete-opened.html
@@ -24,7 +24,7 @@
         <span>Autocomplete RTL</span>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Opened">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Opened">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -57,7 +57,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Opened">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Opened">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/autocomplete/autocomplete-outline.html b/tests/autocomplete/autocomplete-outline.html
index a3d049f58fc..67bfb591f4b 100644
--- a/tests/autocomplete/autocomplete-outline.html
+++ b/tests/autocomplete/autocomplete-outline.html
@@ -21,27 +21,27 @@
         <span>Autocomplete Outline RTL</span>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -53,7 +53,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -65,7 +65,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -77,7 +77,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -89,7 +89,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -101,7 +101,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -113,7 +113,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -130,7 +130,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -147,7 +147,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -164,7 +164,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -181,7 +181,7 @@
         </div>
         <div>
             <span required="" class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -193,7 +193,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -205,39 +205,39 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -254,7 +254,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/autocomplete/autocomplete-prefix-suffix.html b/tests/autocomplete/autocomplete-prefix-suffix.html
index 7f6ad29ffa9..0dbcfe9a08d 100644
--- a/tests/autocomplete/autocomplete-prefix-suffix.html
+++ b/tests/autocomplete/autocomplete-prefix-suffix.html
@@ -29,7 +29,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -41,7 +41,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -67,7 +67,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -94,12 +94,12 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md">
@@ -118,7 +118,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md">
@@ -138,7 +138,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -155,7 +155,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -186,7 +186,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -218,7 +218,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -230,7 +230,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -256,7 +256,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -284,7 +284,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -296,7 +296,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -322,7 +322,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -349,12 +349,12 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md">
@@ -373,7 +373,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md">
@@ -393,7 +393,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -410,7 +410,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -441,7 +441,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -473,7 +473,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -485,7 +485,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -511,7 +511,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -539,7 +539,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -551,7 +551,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -577,7 +577,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -604,12 +604,12 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md">
@@ -628,7 +628,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md">
@@ -648,7 +648,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -665,7 +665,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -696,7 +696,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -728,7 +728,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -740,7 +740,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -766,7 +766,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/autocomplete/autocomplete-solid.html b/tests/autocomplete/autocomplete-solid.html
index 7d4198a9a4b..bb8775168d1 100644
--- a/tests/autocomplete/autocomplete-solid.html
+++ b/tests/autocomplete/autocomplete-solid.html
@@ -21,27 +21,27 @@
         <span>Autocomplete RTL</span>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -53,7 +53,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -65,7 +65,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -77,7 +77,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -89,7 +89,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -101,7 +101,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -113,7 +113,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -130,7 +130,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -147,7 +147,7 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -164,7 +164,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -181,7 +181,7 @@
         </div>
         <div>
             <span required="" class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -193,7 +193,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -205,39 +205,39 @@
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div>
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -254,7 +254,7 @@
         </div>
         <div dir="rtl">
             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/breadcrumb/breadcrumb-items-rtl.html b/tests/breadcrumb/breadcrumb-items-rtl.html
index 3d35ceb3d61..cb05ad9a489 100644
--- a/tests/breadcrumb/breadcrumb-items-rtl.html
+++ b/tests/breadcrumb/breadcrumb-items-rtl.html
@@ -95,7 +95,7 @@
                             </svg>
                         </span>
                         <a href="#" class="k-breadcrumb-link">
-                            <img class="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20">
+                            <img class="k-image" width="20" height="20" src="/packages/html/assets/avatar.jpg">
                             <span class="k-breadcrumb-item-text">normal</span>
                         </a>
                     </li>
@@ -106,7 +106,7 @@
                             </svg>
                         </span>
                         <a href="#" class="k-hover k-breadcrumb-link">
-                            <img class="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20">
+                            <img class="k-image" width="20" height="20" src="/packages/html/assets/avatar.jpg">
                             <span class="k-breadcrumb-item-text">hover</span>
                         </a>
                     </li>
@@ -117,7 +117,7 @@
                             </svg>
                         </span>
                         <a href="#" class="k-focus k-breadcrumb-link">
-                            <img class="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20">
+                            <img class="k-image" width="20" height="20" src="/packages/html/assets/avatar.jpg">
                             <span class="k-breadcrumb-item-text">focus</span>
                         </a>
                     </li>
@@ -128,7 +128,7 @@
                             </svg>
                         </span>
                         <a href="#" class="k-disabled k-breadcrumb-link">
-                            <img class="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20">
+                            <img class="k-image" width="20" height="20" src="/packages/html/assets/avatar.jpg">
                             <span class="k-breadcrumb-item-text">disabled</span>
                         </a>
                     </li>
@@ -310,7 +310,7 @@
                             </svg>
                         </span>
                         <a href="#" class="k-breadcrumb-link">
-                            <img class="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20">
+                            <img class="k-image" width="20" height="20" src="/packages/html/assets/avatar.jpg">
                         </a>
                     </li>
                     <li class="k-breadcrumb-item">
@@ -320,7 +320,7 @@
                             </svg>
                         </span>
                         <a href="#" class="k-hover k-breadcrumb-link">
-                            <img class="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20">
+                            <img class="k-image" width="20" height="20" src="/packages/html/assets/avatar.jpg">
                         </a>
                     </li>
                     <li class="k-breadcrumb-item">
@@ -330,7 +330,7 @@
                             </svg>
                         </span>
                         <a href="#" class="k-focus k-breadcrumb-link">
-                            <img class="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20">
+                            <img class="k-image" width="20" height="20" src="/packages/html/assets/avatar.jpg">
                         </a>
                     </li>
                     <li class="k-breadcrumb-item">
@@ -340,7 +340,7 @@
                             </svg>
                         </span>
                         <a href="#" class="k-disabled k-breadcrumb-link">
-                            <img class="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20">
+                            <img class="k-image" width="20" height="20" src="/packages/html/assets/avatar.jpg">
                         </a>
                     </li>
                 </ol>
@@ -577,7 +577,7 @@
             <nav class="k-breadcrumb k-breadcrumb-md">
                 <div class="k-breadcrumb-input-container">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="First item/Second item/Third item">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="First item/Second item/Third item">
                     </span>
                 </div>
             </nav>
diff --git a/tests/breadcrumb/breadcrumb-items.html b/tests/breadcrumb/breadcrumb-items.html
index 4ede423e698..966c05a9ce1 100644
--- a/tests/breadcrumb/breadcrumb-items.html
+++ b/tests/breadcrumb/breadcrumb-items.html
@@ -95,7 +95,7 @@
                             </svg>
                         </span>
                         <a href="#" class="k-breadcrumb-link">
-                            <img class="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20">
+                            <img class="k-image" width="20" height="20" src="/packages/html/assets/avatar.jpg">
                             <span class="k-breadcrumb-item-text">normal</span>
                         </a>
                     </li>
@@ -106,7 +106,7 @@
                             </svg>
                         </span>
                         <a href="#" class="k-hover k-breadcrumb-link">
-                            <img class="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20">
+                            <img class="k-image" width="20" height="20" src="/packages/html/assets/avatar.jpg">
                             <span class="k-breadcrumb-item-text">hover</span>
                         </a>
                     </li>
@@ -117,7 +117,7 @@
                             </svg>
                         </span>
                         <a href="#" class="k-focus k-breadcrumb-link">
-                            <img class="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20">
+                            <img class="k-image" width="20" height="20" src="/packages/html/assets/avatar.jpg">
                             <span class="k-breadcrumb-item-text">focus</span>
                         </a>
                     </li>
@@ -128,7 +128,7 @@
                             </svg>
                         </span>
                         <a href="#" class="k-disabled k-breadcrumb-link">
-                            <img class="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20">
+                            <img class="k-image" width="20" height="20" src="/packages/html/assets/avatar.jpg">
                             <span class="k-breadcrumb-item-text">disabled</span>
                         </a>
                     </li>
@@ -310,7 +310,7 @@
                             </svg>
                         </span>
                         <a href="#" class="k-breadcrumb-link">
-                            <img class="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20">
+                            <img class="k-image" width="20" height="20" src="/packages/html/assets/avatar.jpg">
                         </a>
                     </li>
                     <li class="k-breadcrumb-item">
@@ -320,7 +320,7 @@
                             </svg>
                         </span>
                         <a href="#" class="k-hover k-breadcrumb-link">
-                            <img class="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20">
+                            <img class="k-image" width="20" height="20" src="/packages/html/assets/avatar.jpg">
                         </a>
                     </li>
                     <li class="k-breadcrumb-item">
@@ -330,7 +330,7 @@
                             </svg>
                         </span>
                         <a href="#" class="k-focus k-breadcrumb-link">
-                            <img class="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20">
+                            <img class="k-image" width="20" height="20" src="/packages/html/assets/avatar.jpg">
                         </a>
                     </li>
                     <li class="k-breadcrumb-item">
@@ -340,7 +340,7 @@
                             </svg>
                         </span>
                         <a href="#" class="k-disabled k-breadcrumb-link">
-                            <img class="k-image" src="/packages/html/assets/avatar.jpg" width="20" height="20">
+                            <img class="k-image" width="20" height="20" src="/packages/html/assets/avatar.jpg">
                         </a>
                     </li>
                 </ol>
@@ -577,7 +577,7 @@
             <nav class="k-breadcrumb k-breadcrumb-md">
                 <div class="k-breadcrumb-input-container">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="First item/Second item/Third item">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="First item/Second item/Third item">
                     </span>
                 </div>
             </nav>
diff --git a/tests/captcha/captcha-rtl.html b/tests/captcha/captcha-rtl.html
index c036bb3b261..c30c4c561d1 100644
--- a/tests/captcha/captcha-rtl.html
+++ b/tests/captcha/captcha-rtl.html
@@ -40,7 +40,7 @@
                 </div>
                 <div class="k-captcha-input k-vstack">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="YR890">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="YR890">
                         <span class="k-clear-value">
                             <span class="k-icon k-svg-icon k-svg-i-x">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -82,7 +82,7 @@
                 </div>
                 <div class="k-captcha-input k-vstack">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="YR890">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="YR890">
                     </span>
                 </div>
             </div>
@@ -116,7 +116,7 @@
                 </div>
                 <div class="k-captcha-input k-vstack">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="YR890">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="YR890">
                         <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -163,7 +163,7 @@
                 </div>
                 <div class="k-captcha-input k-vstack">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="YR890">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="YR890">
                         <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -209,7 +209,7 @@
                 </div>
                 <div class="k-captcha-input k-vstack">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="YR890">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="YR890">
                         <span class="k-clear-value">
                             <span class="k-icon k-svg-icon k-svg-i-x">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/captcha/captcha.html b/tests/captcha/captcha.html
index 0d506f11ab2..f1cf6b639c5 100644
--- a/tests/captcha/captcha.html
+++ b/tests/captcha/captcha.html
@@ -40,7 +40,7 @@
                 </div>
                 <div class="k-captcha-input k-vstack">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="YR890">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="YR890">
                         <span class="k-clear-value">
                             <span class="k-icon k-svg-icon k-svg-i-x">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -82,7 +82,7 @@
                 </div>
                 <div class="k-captcha-input k-vstack">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="YR890">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="YR890">
                     </span>
                 </div>
             </div>
@@ -116,7 +116,7 @@
                 </div>
                 <div class="k-captcha-input k-vstack">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="YR890">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="YR890">
                         <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -163,7 +163,7 @@
                 </div>
                 <div class="k-captcha-input k-vstack">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="YR890">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="YR890">
                         <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -209,7 +209,7 @@
                 </div>
                 <div class="k-captcha-input k-vstack">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="YR890">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="YR890">
                         <span class="k-clear-value">
                             <span class="k-icon k-svg-icon k-svg-i-x">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/chart-wizard/tab-format-sections-expanded.html b/tests/chart-wizard/tab-format-sections-expanded.html
index f1bd6caa171..2eaa3424a49 100644
--- a/tests/chart-wizard/tab-format-sections-expanded.html
+++ b/tests/chart-wizard/tab-format-sections-expanded.html
@@ -42,7 +42,7 @@
                                         <label class="k-label k-form-label">Left</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Auto" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Auto" autocomplete="off" type="text" value="">
                                                 <span class="k-spin-button k-input-spinner">
                                                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -66,7 +66,7 @@
                                         <label class="k-label k-form-label">Right</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Auto" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Auto" autocomplete="off" type="text" value="">
                                                 <span class="k-spin-button k-input-spinner">
                                                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -90,7 +90,7 @@
                                         <label class="k-label k-form-label">Top</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Auto" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Auto" autocomplete="off" type="text" value="">
                                                 <span class="k-spin-button k-input-spinner">
                                                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -114,7 +114,7 @@
                                         <label class="k-label k-form-label">Bottom</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Auto" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Auto" autocomplete="off" type="text" value="">
                                                 <span class="k-spin-button k-input-spinner">
                                                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -201,7 +201,7 @@
                                     <label class="k-label k-form-label">Title</label>
                                     <div class="k-form-field-wrap">
                                         <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="Chart title" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="Chart title" autocomplete="off" type="text" value="">
                                         </span>
                                     </div>
                                 </div>
@@ -209,7 +209,7 @@
                                     <label class="k-label k-form-label">Font</label>
                                     <div class="k-form-field-wrap">
                                         <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="(Inherited font)" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="(Inherited font)" autocomplete="off" type="text" value="">
                                             <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -224,7 +224,7 @@
                                     <label class="k-label k-form-label">Size</label>
                                     <div class="k-form-field-wrap">
                                         <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="px" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="px" autocomplete="off" type="text" value="">
                                             <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -284,7 +284,7 @@
                                     <div class="k-form-field k-col-span-2">
                                         <div class="k-form-field-wrap">
                                             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Axis Title" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Axis Title" autocomplete="off" type="text" value="">
                                             </span>
                                         </div>
                                     </div>
@@ -292,7 +292,7 @@
                                         <label class="k-label k-form-label">Font</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="(Inherited font)" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="(Inherited font)" autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -307,7 +307,7 @@
                                         <label class="k-label k-form-label">Size</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="px" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="px" autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -346,7 +346,7 @@
                                         <label class="k-label k-form-label">Font</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="(Inherited font)" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="(Inherited font)" autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -361,7 +361,7 @@
                                         <label class="k-label k-form-label">Size</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="px" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="px" autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -412,7 +412,7 @@
                                     <div class="k-form-field k-col-span-2">
                                         <div class="k-form-field-wrap">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                             <label class="k-checkbox-label">Reverse order</label>
                                         </div>
@@ -448,7 +448,7 @@
                                     <div class="k-form-field k-col-span-2">
                                         <div class="k-form-field-wrap">
                                             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Axis Title" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Axis Title" autocomplete="off" type="text" value="">
                                             </span>
                                         </div>
                                     </div>
@@ -456,7 +456,7 @@
                                         <label class="k-label k-form-label">Font</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="(Inherited font)" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="(Inherited font)" autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -471,7 +471,7 @@
                                         <label class="k-label k-form-label">Size</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="px" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="px" autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -527,7 +527,7 @@
                                         <label class="k-label k-form-label">Font</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="(Inherited font)" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="(Inherited font)" autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -542,7 +542,7 @@
                                         <label class="k-label k-form-label">Size</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="px" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="px" autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -629,7 +629,7 @@
                                     <label class="k-label k-form-label">Font</label>
                                     <div class="k-form-field-wrap">
                                         <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="(Inherited font)" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="(Inherited font)" autocomplete="off" type="text" value="">
                                             <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -644,7 +644,7 @@
                                     <label class="k-label k-form-label">Size</label>
                                     <div class="k-form-field-wrap">
                                         <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="px" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="px" autocomplete="off" type="text" value="">
                                             <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -752,7 +752,7 @@
                             <div class="k-form-field">
                                 <div class="k-form-field-wrap">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <label class="k-checkbox-label">Show Labels</label>
                                 </div>
diff --git a/tests/chat/chat-content-rtl.html b/tests/chat/chat-content-rtl.html
index 4ed7d633379..271c516506f 100644
--- a/tests/chat/chat-content-rtl.html
+++ b/tests/chat/chat-content-rtl.html
@@ -90,7 +90,7 @@
                     </div>
                 </div>
                 <span class="k-message-box k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="Type a message..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="Type a message..." autocomplete="off" type="text" value="">
                     <span class="k-input-separator k-input-separator-vertical"></span>
                     <span class="k-input-suffix k-input-suffix-horizontal">
                         <button class="k-chat-send k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -176,7 +176,7 @@ <h6 class="k-card-subtitle">Card Subtitle</h6>
                     </div>
                 </div>
                 <span class="k-message-box k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="Type a message..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="Type a message..." autocomplete="off" type="text" value="">
                     <span class="k-input-separator k-input-separator-vertical"></span>
                     <span class="k-input-suffix k-input-suffix-horizontal">
                         <button class="k-chat-send k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -229,7 +229,7 @@ <h6 class="k-card-subtitle">Card Subtitle</h6>
                     </div>
                 </div>
                 <span class="k-message-box k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="Type a message..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="Type a message..." autocomplete="off" type="text" value="">
                     <span class="k-input-separator k-input-separator-vertical"></span>
                     <span class="k-input-suffix k-input-suffix-horizontal">
                         <button class="k-chat-send k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -336,7 +336,7 @@ <h6 class="k-card-subtitle">Card Subtitle</h6>
                     </div>
                 </div>
                 <span class="k-message-box k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="Type a message..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="Type a message..." autocomplete="off" type="text" value="">
                     <span class="k-input-separator k-input-separator-vertical"></span>
                     <span class="k-input-suffix k-input-suffix-horizontal">
                         <button class="k-chat-send k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
diff --git a/tests/chat/chat-content.html b/tests/chat/chat-content.html
index dfea8941142..71adcc3e071 100644
--- a/tests/chat/chat-content.html
+++ b/tests/chat/chat-content.html
@@ -90,7 +90,7 @@
                     </div>
                 </div>
                 <span class="k-message-box k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="Type a message..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="Type a message..." autocomplete="off" type="text" value="">
                     <span class="k-input-separator k-input-separator-vertical"></span>
                     <span class="k-input-suffix k-input-suffix-horizontal">
                         <button class="k-chat-send k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -176,7 +176,7 @@ <h6 class="k-card-subtitle">Card Subtitle</h6>
                     </div>
                 </div>
                 <span class="k-message-box k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="Type a message..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="Type a message..." autocomplete="off" type="text" value="">
                     <span class="k-input-separator k-input-separator-vertical"></span>
                     <span class="k-input-suffix k-input-suffix-horizontal">
                         <button class="k-chat-send k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -229,7 +229,7 @@ <h6 class="k-card-subtitle">Card Subtitle</h6>
                     </div>
                 </div>
                 <span class="k-message-box k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="Type a message..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="Type a message..." autocomplete="off" type="text" value="">
                     <span class="k-input-separator k-input-separator-vertical"></span>
                     <span class="k-input-suffix k-input-suffix-horizontal">
                         <button class="k-chat-send k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -336,7 +336,7 @@ <h6 class="k-card-subtitle">Card Subtitle</h6>
                     </div>
                 </div>
                 <span class="k-message-box k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="Type a message..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="Type a message..." autocomplete="off" type="text" value="">
                     <span class="k-input-separator k-input-separator-vertical"></span>
                     <span class="k-input-suffix k-input-suffix-horizontal">
                         <button class="k-chat-send k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
diff --git a/tests/chat/chat-rtl.html b/tests/chat/chat-rtl.html
index 62281c003f8..bdf1798364d 100644
--- a/tests/chat/chat-rtl.html
+++ b/tests/chat/chat-rtl.html
@@ -44,7 +44,7 @@
                     </div>
                 </div>
                 <span class="k-message-box k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="Type a message..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="Type a message..." autocomplete="off" type="text" value="">
                     <span class="k-input-separator k-input-separator-vertical"></span>
                     <span class="k-input-suffix k-input-suffix-horizontal">
                         <button class="k-chat-send k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -79,7 +79,7 @@
                     </div>
                 </div>
                 <span class="k-message-box k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="Type a message..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="Type a message..." autocomplete="off" type="text" value="">
                     <span class="k-input-separator k-input-separator-vertical"></span>
                     <span class="k-input-suffix k-input-suffix-horizontal">
                         <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -123,7 +123,7 @@
                     </div>
                 </div>
                 <span class="k-message-box k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="Type a message..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="Type a message..." autocomplete="off" type="text" value="">
                     <span class="k-input-separator k-input-separator-vertical"></span>
                     <span class="k-input-suffix k-input-suffix-horizontal">
                         <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
diff --git a/tests/chat/chat.html b/tests/chat/chat.html
index 56acb2f5fdc..58386269d18 100644
--- a/tests/chat/chat.html
+++ b/tests/chat/chat.html
@@ -44,7 +44,7 @@
                     </div>
                 </div>
                 <span class="k-message-box k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="Type a message..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="Type a message..." autocomplete="off" type="text" value="">
                     <span class="k-input-separator k-input-separator-vertical"></span>
                     <span class="k-input-suffix k-input-suffix-horizontal">
                         <button class="k-chat-send k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -79,7 +79,7 @@
                     </div>
                 </div>
                 <span class="k-message-box k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="Type a message..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="Type a message..." autocomplete="off" type="text" value="">
                     <span class="k-input-separator k-input-separator-vertical"></span>
                     <span class="k-input-suffix k-input-suffix-horizontal">
                         <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -123,7 +123,7 @@
                     </div>
                 </div>
                 <span class="k-message-box k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="Type a message..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="Type a message..." autocomplete="off" type="text" value="">
                     <span class="k-input-separator k-input-separator-vertical"></span>
                     <span class="k-input-suffix k-input-suffix-horizontal">
                         <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
diff --git a/tests/checkbox/checkbox-group.html b/tests/checkbox/checkbox-group.html
index 582d21cdb51..69acc044670 100644
--- a/tests/checkbox/checkbox-group.html
+++ b/tests/checkbox/checkbox-group.html
@@ -22,36 +22,36 @@
         <ul class="k-checkbox-list k-list-vertical">
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
             </li>
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
             </li>
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
             </li>
         </ul>
         <ul class="k-checkbox-list k-list-vertical">
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input id="ch1-vert" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="ch1-vert" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
                 <label class="k-checkbox-label" for="ch1-vert">Option one</label>
             </li>
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input id="ch2-vert" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="ch2-vert" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
                 <label class="k-checkbox-label" for="ch2-vert">Option two</label>
             </li>
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input id="ch3-vert" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="ch3-vert" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
                 <label class="k-checkbox-label" for="ch3-vert">Option three</label>
             </li>
@@ -61,36 +61,36 @@
         <ul class="k-checkbox-list k-list-horizontal">
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
             </li>
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
             </li>
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
             </li>
         </ul>
         <ul class="k-checkbox-list k-list-horizontal">
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input id="ch1-hor" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="ch1-hor" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
                 <label class="k-checkbox-label" for="ch1-hor">Option one</label>
             </li>
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input id="ch2-hor" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="ch2-hor" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
                 <label class="k-checkbox-label" for="ch2-hor">Option two</label>
             </li>
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input id="ch3-hor" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="ch3-hor" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
                 <label class="k-checkbox-label" for="ch3-hor">Option three</label>
             </li>
diff --git a/tests/checkbox/checkbox-label-position.html b/tests/checkbox/checkbox-label-position.html
index 8904d477e08..bbf147baab4 100644
--- a/tests/checkbox/checkbox-label-position.html
+++ b/tests/checkbox/checkbox-label-position.html
@@ -22,19 +22,19 @@
         <ul class="k-checkbox-list k-list-vertical">
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input id="vertical-after-one" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="vertical-after-one" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
                 <label class="k-checkbox-label" for="vertical-after-one">First</label>
             </li>
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input id="vertical-after-two" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="vertical-after-two" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
                 <label class="k-checkbox-label" for="vertical-after-two">Second</label>
             </li>
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input id="vertical-after-thee" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="vertical-after-thee" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
                 <label class="k-checkbox-label" for="vertical-after-thee">Third</label>
             </li>
@@ -43,19 +43,19 @@
             <li class="k-checkbox-list-item">
                 <label class="k-checkbox-label" for="vertical-before-one">First</label>
                 <span class="k-checkbox-wrap">
-                    <input id="vertical-before-one" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="vertical-before-one" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
             </li>
             <li class="k-checkbox-list-item">
                 <label class="k-checkbox-label" for="vertical-before-two">Second</label>
                 <span class="k-checkbox-wrap">
-                    <input id="vertical-before-two" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="vertical-before-two" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
             </li>
             <li class="k-checkbox-list-item">
                 <label class="k-checkbox-label" for="vertical-before-thee">Third</label>
                 <span class="k-checkbox-wrap">
-                    <input id="vertical-before-thee" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="vertical-before-thee" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
             </li>
         </ul>
@@ -64,19 +64,19 @@
         <ul class="k-checkbox-list k-list-horizontal">
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input id="horizontal-after-one" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="horizontal-after-one" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
                 <label class="k-checkbox-label" for="horizontal-after-one">First</label>
             </li>
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input id="horizontal-after-two" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="horizontal-after-two" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
                 <label class="k-checkbox-label" for="horizontal-after-two">Second</label>
             </li>
             <li class="k-checkbox-list-item">
                 <span class="k-checkbox-wrap">
-                    <input id="horizontal-after-three" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="horizontal-after-three" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
                 <label class="k-checkbox-label" for="horizontal-after-three">Third</label>
             </li>
@@ -85,19 +85,19 @@
             <li class="k-checkbox-list-item">
                 <label class="k-checkbox-label" for="horizontal-before-one">First</label>
                 <span class="k-checkbox-wrap">
-                    <input id="horizontal-before-one" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="horizontal-before-one" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
             </li>
             <li class="k-checkbox-list-item">
                 <label class="k-checkbox-label" for="horizontal-before-two">Second</label>
                 <span class="k-checkbox-wrap">
-                    <input id="horizontal-before-two" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="horizontal-before-two" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
             </li>
             <li class="k-checkbox-list-item">
                 <label class="k-checkbox-label" for="horizontal-before-three">Third</label>
                 <span class="k-checkbox-wrap">
-                    <input id="horizontal-before-three" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input id="horizontal-before-three" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>
             </li>
         </ul>
diff --git a/tests/checkbox/checkbox-rounded.html b/tests/checkbox/checkbox-rounded.html
index e7849127879..9a5240c6534 100644
--- a/tests/checkbox/checkbox-rounded.html
+++ b/tests/checkbox/checkbox-rounded.html
@@ -26,81 +26,81 @@
         <span>none</span>
         <span>
             <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox k-checkbox-sm k-checked" checked="">
+                <input class="k-checkbox k-checkbox-sm k-checked" type="checkbox" checked="">
             </span>checkbox
         </span>
         <span>
             <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox k-checkbox-md k-checked" checked="">
+                <input class="k-checkbox k-checkbox-md k-checked" type="checkbox" checked="">
             </span>checkbox
         </span>
         <span>
             <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox k-checkbox-lg k-checked" checked="">
+                <input class="k-checkbox k-checkbox-lg k-checked" type="checkbox" checked="">
             </span>checkbox
         </span>
         <span>small</span>
         <span>
             <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox k-checkbox-sm k-rounded-sm k-checked" checked="">
+                <input class="k-checkbox k-checkbox-sm k-rounded-sm k-checked" type="checkbox" checked="">
             </span>checkbox
         </span>
         <span>
             <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-sm k-checked" checked="">
+                <input class="k-checkbox k-checkbox-md k-rounded-sm k-checked" type="checkbox" checked="">
             </span>checkbox
         </span>
         <span>
             <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox k-checkbox-lg k-rounded-sm k-checked" checked="">
+                <input class="k-checkbox k-checkbox-lg k-rounded-sm k-checked" type="checkbox" checked="">
             </span>checkbox
         </span>
         <span>medium</span>
         <span>
             <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox k-checkbox-sm k-rounded-md k-checked" checked="">
+                <input class="k-checkbox k-checkbox-sm k-rounded-md k-checked" type="checkbox" checked="">
             </span>checkbox
         </span>
         <span>
             <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
             </span>checkbox
         </span>
         <span>
             <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox k-checkbox-lg k-rounded-md k-checked" checked="">
+                <input class="k-checkbox k-checkbox-lg k-rounded-md k-checked" type="checkbox" checked="">
             </span>checkbox
         </span>
         <span>large</span>
         <span>
             <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox k-checkbox-sm k-rounded-lg k-checked" checked="">
+                <input class="k-checkbox k-checkbox-sm k-rounded-lg k-checked" type="checkbox" checked="">
             </span>checkbox
         </span>
         <span>
             <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-lg k-checked" checked="">
+                <input class="k-checkbox k-checkbox-md k-rounded-lg k-checked" type="checkbox" checked="">
             </span>checkbox
         </span>
         <span>
             <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox k-checkbox-lg k-rounded-lg k-checked" checked="">
+                <input class="k-checkbox k-checkbox-lg k-rounded-lg k-checked" type="checkbox" checked="">
             </span>checkbox
         </span>
         <span>full</span>
         <span>
             <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox k-checkbox-sm k-rounded-full k-checked" checked="">
+                <input class="k-checkbox k-checkbox-sm k-rounded-full k-checked" type="checkbox" checked="">
             </span>checkbox
         </span>
         <span>
             <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-full k-checked" checked="">
+                <input class="k-checkbox k-checkbox-md k-rounded-full k-checked" type="checkbox" checked="">
             </span>checkbox
         </span>
         <span>
             <span class="k-checkbox-wrap">
-                <input type="checkbox" class="k-checkbox k-checkbox-lg k-rounded-full k-checked" checked="">
+                <input class="k-checkbox k-checkbox-lg k-rounded-full k-checked" type="checkbox" checked="">
             </span>checkbox
         </span>
     </div>
diff --git a/tests/checkbox/checkbox-size.html b/tests/checkbox/checkbox-size.html
index 161889de320..a53bb31c7ad 100644
--- a/tests/checkbox/checkbox-size.html
+++ b/tests/checkbox/checkbox-size.html
@@ -22,163 +22,163 @@
         <span>Large</span>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-unchecked-small" type="checkbox" class="k-checkbox k-checkbox-sm k-rounded-md">
+                <input id="ch-unchecked-small" class="k-checkbox k-checkbox-sm k-rounded-md" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-unchecked-small">unchecked</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-unchecked-medium" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                <input id="ch-unchecked-medium" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-unchecked-medium">unchecked</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-unchecked-large" type="checkbox" class="k-checkbox k-checkbox-lg k-rounded-md">
+                <input id="ch-unchecked-large" class="k-checkbox k-checkbox-lg k-rounded-md" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-unchecked-large">unchecked</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-hover-small" type="checkbox" class="k-checkbox k-checkbox-sm k-rounded-md k-hover">
+                <input id="ch-hover-small" class="k-checkbox k-checkbox-sm k-rounded-md k-hover" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-hover-small">hover</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-hover-medium" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-hover">
+                <input id="ch-hover-medium" class="k-checkbox k-checkbox-md k-rounded-md k-hover" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-hover-medium">hover</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-hover-large" type="checkbox" class="k-checkbox k-checkbox-lg k-rounded-md k-hover">
+                <input id="ch-hover-large" class="k-checkbox k-checkbox-lg k-rounded-md k-hover" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-hover-large">hover</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-focus-small" type="checkbox" class="k-checkbox k-checkbox-sm k-rounded-md k-focus">
+                <input id="ch-focus-small" class="k-checkbox k-checkbox-sm k-rounded-md k-focus" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-focus-small">focus</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-focus-medium" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-focus">
+                <input id="ch-focus-medium" class="k-checkbox k-checkbox-md k-rounded-md k-focus" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-focus-medium">focus</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-focus-large" type="checkbox" class="k-checkbox k-checkbox-lg k-rounded-md k-focus">
+                <input id="ch-focus-large" class="k-checkbox k-checkbox-lg k-rounded-md k-focus" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-focus-large">focus</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-valid-small" type="checkbox" class="k-checkbox k-checkbox-sm k-rounded-md k-valid">
+                <input id="ch-valid-small" class="k-checkbox k-checkbox-sm k-rounded-md k-valid" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-valid-small">valid</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-valid-medium" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-valid">
+                <input id="ch-valid-medium" class="k-checkbox k-checkbox-md k-rounded-md k-valid" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-valid-medium">valid</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-valid-large" type="checkbox" class="k-checkbox k-checkbox-lg k-rounded-md k-valid">
+                <input id="ch-valid-large" class="k-checkbox k-checkbox-lg k-rounded-md k-valid" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-valid-large">valid</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-invalid-small" type="checkbox" class="k-checkbox k-checkbox-sm k-rounded-md k-invalid">
+                <input id="ch-invalid-small" class="k-checkbox k-checkbox-sm k-rounded-md k-invalid" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-invalid-small">invalid</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-invalid-medium" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-invalid">
+                <input id="ch-invalid-medium" class="k-checkbox k-checkbox-md k-rounded-md k-invalid" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-invalid-medium">invalid</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-invalid-large" type="checkbox" class="k-checkbox k-checkbox-lg k-rounded-md k-invalid">
+                <input id="ch-invalid-large" class="k-checkbox k-checkbox-lg k-rounded-md k-invalid" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-invalid-large">invalid</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-required-small" type="checkbox" required="" class="k-checkbox k-checkbox-sm k-rounded-md">
+                <input id="ch-required-small" required="" class="k-checkbox k-checkbox-sm k-rounded-md" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-required-small">required</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-required-medium" type="checkbox" required="" class="k-checkbox k-checkbox-md k-rounded-md">
+                <input id="ch-required-medium" required="" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-required-medium">required</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-required-large" type="checkbox" required="" class="k-checkbox k-checkbox-lg k-rounded-md">
+                <input id="ch-required-large" required="" class="k-checkbox k-checkbox-lg k-rounded-md" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-required-large">required</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-disabled-small" type="checkbox" class="k-checkbox k-checkbox-sm k-rounded-md k-disabled">
+                <input id="ch-disabled-small" class="k-checkbox k-checkbox-sm k-rounded-md k-disabled" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-disabled-small">disabled</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-disabled-medium" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-disabled">
+                <input id="ch-disabled-medium" class="k-checkbox k-checkbox-md k-rounded-md k-disabled" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-disabled-medium">disabled</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-disabled-large" type="checkbox" class="k-checkbox k-checkbox-lg k-rounded-md k-disabled">
+                <input id="ch-disabled-large" class="k-checkbox k-checkbox-lg k-rounded-md k-disabled" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-disabled-large">disabled</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-checked-small" type="checkbox" class="k-checkbox k-checkbox-sm k-rounded-md k-checked" checked="">
+                <input id="ch-checked-small" class="k-checkbox k-checkbox-sm k-rounded-md k-checked" type="checkbox" checked="">
             </span>
             <label class="k-checkbox-label" for="ch-checked-small">checked</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-checked-medium" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                <input id="ch-checked-medium" class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
             </span>
             <label class="k-checkbox-label" for="ch-checked-medium">checked</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-checked-large" type="checkbox" class="k-checkbox k-checkbox-lg k-rounded-md k-checked" checked="">
+                <input id="ch-checked-large" class="k-checkbox k-checkbox-lg k-rounded-md k-checked" type="checkbox" checked="">
             </span>
             <label class="k-checkbox-label" for="ch-checked-large">checked</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-indeterminate-small" type="checkbox" class="k-checkbox k-checkbox-sm k-rounded-md k-indeterminate">
+                <input id="ch-indeterminate-small" class="k-checkbox k-checkbox-sm k-rounded-md k-indeterminate" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-indeterminate-small">indeterminate</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-indeterminate-medium" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-indeterminate">
+                <input id="ch-indeterminate-medium" class="k-checkbox k-checkbox-md k-rounded-md k-indeterminate" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-indeterminate-medium">indeterminate</label>
         </section>
         <section>
             <span class="k-checkbox-wrap">
-                <input id="ch-indeterminate-large" type="checkbox" class="k-checkbox k-checkbox-lg k-rounded-md k-indeterminate">
+                <input id="ch-indeterminate-large" class="k-checkbox k-checkbox-lg k-rounded-md k-indeterminate" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch-indeterminate-large">indeterminate</label>
         </section>
diff --git a/tests/checkbox/checkbox.html b/tests/checkbox/checkbox.html
index cbac6919fa6..f81d06a552d 100644
--- a/tests/checkbox/checkbox.html
+++ b/tests/checkbox/checkbox.html
@@ -24,261 +24,261 @@
         <span dir="rtl">In label RTL</span>
         <div>
             <span class="k-checkbox-wrap">
-                <input id="ch1" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                <input id="ch1" class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
             </span>
             <label class="k-checkbox-label" for="ch1">Checked</label>
         </div>
         <div>
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                 </span>Checked
             </label>
         </div>
         <div dir="rtl">
             <span class="k-checkbox-wrap">
-                <input id="ch1-rtl" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                <input id="ch1-rtl" class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
             </span>
             <label class="k-checkbox-label" for="ch1-rtl">Checked</label>
         </div>
         <div dir="rtl">
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                 </span>Checked
             </label>
         </div>
         <div>
             <span class="k-checkbox-wrap">
-                <input id="ch2" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked k-disabled" checked="">
+                <input id="ch2" class="k-checkbox k-checkbox-md k-rounded-md k-checked k-disabled" type="checkbox" checked="">
             </span>
             <label class="k-checkbox-label" for="ch2">Checked</label>
         </div>
         <div>
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked k-disabled" checked="">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md k-checked k-disabled" type="checkbox" checked="">
                 </span>Checked
             </label>
         </div>
         <div dir="rtl">
             <span class="k-checkbox-wrap">
-                <input id="ch2-rtl" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked k-disabled" checked="">
+                <input id="ch2-rtl" class="k-checkbox k-checkbox-md k-rounded-md k-checked k-disabled" type="checkbox" checked="">
             </span>
             <label class="k-checkbox-label" for="ch2-rtl">Checked</label>
         </div>
         <div dir="rtl">
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked k-disabled" checked="">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md k-checked k-disabled" type="checkbox" checked="">
                 </span>Checked
             </label>
         </div>
         <div>
             <span class="k-checkbox-wrap">
-                <input id="ch3" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                <input id="ch3" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch3">Unchecked</label>
         </div>
         <div>
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>Unchecked
             </label>
         </div>
         <div dir="rtl">
             <span class="k-checkbox-wrap">
-                <input id="ch3-rtl" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                <input id="ch3-rtl" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch3-rtl">Unchecked</label>
         </div>
         <div dir="rtl">
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                 </span>Unchecked
             </label>
         </div>
         <div>
             <span class="k-checkbox-wrap">
-                <input id="ch4" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-disabled">
+                <input id="ch4" class="k-checkbox k-checkbox-md k-rounded-md k-disabled" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch4">Unchecked</label>
         </div>
         <div>
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-disabled">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md k-disabled" type="checkbox">
                 </span>Unchecked
             </label>
         </div>
         <div dir="rtl">
             <span class="k-checkbox-wrap">
-                <input id="ch4-rtl" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-disabled">
+                <input id="ch4-rtl" class="k-checkbox k-checkbox-md k-rounded-md k-disabled" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="ch4-rtl">Unchecked</label>
         </div>
         <div dir="rtl">
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-disabled">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md k-disabled" type="checkbox">
                 </span>Unchecked
             </label>
         </div>
         <div>
             <span class="k-checkbox-wrap">
-                <input id="chInd" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-indeterminate">
+                <input id="chInd" class="k-checkbox k-checkbox-md k-rounded-md k-indeterminate" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="chInd">Indeterminate</label>
         </div>
         <div>
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-indeterminate">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md k-indeterminate" type="checkbox">
                 </span>Indeterminate
             </label>
         </div>
         <div dir="rtl">
             <span class="k-checkbox-wrap">
-                <input id="chInd-rtl" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-indeterminate">
+                <input id="chInd-rtl" class="k-checkbox k-checkbox-md k-rounded-md k-indeterminate" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="chInd-rtl">Indeterminate</label>
         </div>
         <div dir="rtl">
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-indeterminate">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md k-indeterminate" type="checkbox">
                 </span>Indeterminate
             </label>
         </div>
         <div>
             <span class="k-checkbox-wrap">
-                <input id="chIndDis" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-disabled k-indeterminate">
+                <input id="chIndDis" class="k-checkbox k-checkbox-md k-rounded-md k-disabled k-indeterminate" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="chIndDis">Indeterminate</label>
         </div>
         <div>
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-disabled k-indeterminate">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md k-disabled k-indeterminate" type="checkbox">
                 </span>Indeterminate
             </label>
         </div>
         <div dir="rtl">
             <span class="k-checkbox-wrap">
-                <input id="chIndDis-rtl" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-disabled k-indeterminate">
+                <input id="chIndDis-rtl" class="k-checkbox k-checkbox-md k-rounded-md k-disabled k-indeterminate" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="chIndDis-rtl">Indeterminate</label>
         </div>
         <div dir="rtl">
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-disabled k-indeterminate">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md k-disabled k-indeterminate" type="checkbox">
                 </span>Indeterminate
             </label>
         </div>
         <div>
             <span class="k-checkbox-wrap">
-                <input id="chError" type="checkbox" required="" class="k-checkbox k-checkbox-md k-rounded-md k-invalid">
+                <input id="chError" required="" class="k-checkbox k-checkbox-md k-rounded-md k-invalid" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="chError">Invalid</label>
         </div>
         <div>
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" required="" class="k-checkbox k-checkbox-md k-rounded-md k-invalid">
+                    <input required="" class="k-checkbox k-checkbox-md k-rounded-md k-invalid" type="checkbox">
                 </span>Invalid
             </label>
         </div>
         <div dir="rtl">
             <span class="k-checkbox-wrap">
-                <input id="chError-rtl" type="checkbox" required="" class="k-checkbox k-checkbox-md k-rounded-md k-invalid">
+                <input id="chError-rtl" required="" class="k-checkbox k-checkbox-md k-rounded-md k-invalid" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="chError-rtl">Invalid</label>
         </div>
         <div dir="rtl">
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" required="" class="k-checkbox k-checkbox-md k-rounded-md k-invalid">
+                    <input required="" class="k-checkbox k-checkbox-md k-rounded-md k-invalid" type="checkbox">
                 </span>Invalid
             </label>
         </div>
         <div>
             <span class="k-checkbox-wrap">
-                <input id="chFocus" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-focus">
+                <input id="chFocus" class="k-checkbox k-checkbox-md k-rounded-md k-focus" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="chFocus">Focus</label>
         </div>
         <div>
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-focus">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md k-focus" type="checkbox">
                 </span>Focus
             </label>
         </div>
         <div dir="rtl">
             <span class="k-checkbox-wrap">
-                <input id="chFocus-rtl" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-focus">
+                <input id="chFocus-rtl" class="k-checkbox k-checkbox-md k-rounded-md k-focus" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="chFocus-rtl">Focus</label>
         </div>
         <div dir="rtl">
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-focus">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md k-focus" type="checkbox">
                 </span>Focus
             </label>
         </div>
         <div class="k-ripple-container">
             <span class="k-checkbox-wrap">
-                <input id="chRipple" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-focus">
+                <input id="chRipple" class="k-checkbox k-checkbox-md k-rounded-md k-focus" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="chRipple">Ripple</label>
         </div>
         <div class="k-ripple-container">
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-focus">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md k-focus" type="checkbox">
                 </span>Ripple
             </label>
         </div>
         <div class="k-ripple-container" dir="rtl">
             <span class="k-checkbox-wrap">
-                <input id="chRipple-rtl" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-focus">
+                <input id="chRipple-rtl" class="k-checkbox k-checkbox-md k-rounded-md k-focus" type="checkbox">
             </span>
             <label class="k-checkbox-label" for="chRipple-rtl">Ripple</label>
         </div>
         <div class="k-ripple-container" dir="rtl">
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-focus">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md k-focus" type="checkbox">
                 </span>Ripple
             </label>
         </div>
         <div>
             <span class="k-checkbox-wrap">
-                <input id="chLong" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                <input id="chLong" class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
             </span>
             <label class="k-checkbox-label" for="chLong">Long label Vivamus a arcu lacus. Integer augue leo.</label>
         </div>
         <div>
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                 </span>Long label Vivamus a arcu lacus. Integer augue leo.
             </label>
         </div>
         <div dir="rtl">
             <span class="k-checkbox-wrap">
-                <input id="chLong-rtl" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                <input id="chLong-rtl" class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
             </span>
             <label class="k-checkbox-label" for="chLong-rtl">Long label Vivamus a arcu lacus. Integer augue leo.</label>
         </div>
         <div dir="rtl">
             <label class="k-checkbox-label">
                 <span class="k-checkbox-wrap">
-                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                    <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                 </span>Long label Vivamus a arcu lacus. Integer augue leo.
             </label>
         </div>
diff --git a/tests/coloreditor/coloreditor-focused-colorgradient.html b/tests/coloreditor/coloreditor-focused-colorgradient.html
index 39a80ea9660..886432d7d16 100644
--- a/tests/coloreditor/coloreditor-focused-colorgradient.html
+++ b/tests/coloreditor/coloreditor-focused-colorgradient.html
@@ -85,25 +85,25 @@
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">R</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">G</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">B</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                                 </span>
                                 <label class="k-colorgradient-input-label">A</label>
                             </div>
diff --git a/tests/coloreditor/coloreditor-rtl.html b/tests/coloreditor/coloreditor-rtl.html
index df6d577c8ce..0d7be962311 100644
--- a/tests/coloreditor/coloreditor-rtl.html
+++ b/tests/coloreditor/coloreditor-rtl.html
@@ -86,25 +86,25 @@
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">R</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">G</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">B</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                                 </span>
                                 <label class="k-colorgradient-input-label">A</label>
                             </div>
@@ -200,25 +200,25 @@
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">R</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">G</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">B</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                                 </span>
                                 <label class="k-colorgradient-input-label">A</label>
                             </div>
diff --git a/tests/coloreditor/coloreditor-sizes.html b/tests/coloreditor/coloreditor-sizes.html
index 1ecc7cab40a..4f303196524 100644
--- a/tests/coloreditor/coloreditor-sizes.html
+++ b/tests/coloreditor/coloreditor-sizes.html
@@ -105,25 +105,25 @@
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-sm k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">R</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-sm k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">G</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-sm k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">B</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-sm k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                                 </span>
                                 <label class="k-colorgradient-input-label">A</label>
                             </div>
@@ -220,25 +220,25 @@
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">R</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">G</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">B</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                                 </span>
                                 <label class="k-colorgradient-input-label">A</label>
                             </div>
@@ -335,25 +335,25 @@
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">R</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">G</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">B</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                                 </span>
                                 <label class="k-colorgradient-input-label">A</label>
                             </div>
diff --git a/tests/coloreditor/coloreditor-states.html b/tests/coloreditor/coloreditor-states.html
index e78c78dea68..5343a717f1a 100644
--- a/tests/coloreditor/coloreditor-states.html
+++ b/tests/coloreditor/coloreditor-states.html
@@ -85,25 +85,25 @@
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">R</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">G</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">B</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                                 </span>
                                 <label class="k-colorgradient-input-label">A</label>
                             </div>
@@ -183,25 +183,25 @@
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">R</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">G</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">B</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                                 </span>
                                 <label class="k-colorgradient-input-label">A</label>
                             </div>
diff --git a/tests/coloreditor/coloreditor.html b/tests/coloreditor/coloreditor.html
index 09374add223..e4c7742e871 100644
--- a/tests/coloreditor/coloreditor.html
+++ b/tests/coloreditor/coloreditor.html
@@ -86,25 +86,25 @@
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">R</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">G</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">B</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                                 </span>
                                 <label class="k-colorgradient-input-label">A</label>
                             </div>
@@ -200,25 +200,25 @@
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">R</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">G</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                 </span>
                                 <label class="k-colorgradient-input-label">B</label>
                             </div>
                             <div class="k-vstack">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                                 </span>
                                 <label class="k-colorgradient-input-label">A</label>
                             </div>
diff --git a/tests/colorgradient/colorgradient-contrast.html b/tests/colorgradient/colorgradient-contrast.html
index 68bb1879448..4d33eb7e27b 100644
--- a/tests/colorgradient/colorgradient-contrast.html
+++ b/tests/colorgradient/colorgradient-contrast.html
@@ -62,25 +62,25 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">R</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">G</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">B</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                         </span>
                         <label class="k-colorgradient-input-label">A</label>
                     </div>
diff --git a/tests/colorgradient/colorgradient-draghandle.html b/tests/colorgradient/colorgradient-draghandle.html
index 280151c7c45..9fd8ed44bca 100644
--- a/tests/colorgradient/colorgradient-draghandle.html
+++ b/tests/colorgradient/colorgradient-draghandle.html
@@ -64,25 +64,25 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">R</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">G</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">B</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                         </span>
                         <label class="k-colorgradient-input-label">A</label>
                     </div>
@@ -128,25 +128,25 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">R</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">G</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">B</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                         </span>
                         <label class="k-colorgradient-input-label">A</label>
                     </div>
@@ -192,25 +192,25 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">R</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">G</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">B</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                         </span>
                         <label class="k-colorgradient-input-label">A</label>
                     </div>
diff --git a/tests/colorgradient/colorgradient-modes.html b/tests/colorgradient/colorgradient-modes.html
index 1338c89ccd4..097177fcc14 100644
--- a/tests/colorgradient/colorgradient-modes.html
+++ b/tests/colorgradient/colorgradient-modes.html
@@ -63,25 +63,25 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">R</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">G</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">B</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                         </span>
                         <label class="k-colorgradient-input-label">A</label>
                     </div>
@@ -119,19 +119,19 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">R</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">G</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">B</label>
                     </div>
@@ -179,25 +179,25 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">H</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">S</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">V</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                         </span>
                         <label class="k-colorgradient-input-label">A</label>
                     </div>
@@ -235,19 +235,19 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">H</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">S</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">V</label>
                     </div>
@@ -295,7 +295,7 @@
                     </div>
                     <div class="k-vstack k-flex-1">
                         <span class="k-hex-value k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="#b88484AA">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="#b88484AA">
                         </span>
                         <label class="k-colorgradient-input-label">HEX</label>
                     </div>
diff --git a/tests/colorgradient/colorgradient-rtl.html b/tests/colorgradient/colorgradient-rtl.html
index 7d8c2b317cb..9613ffee21d 100644
--- a/tests/colorgradient/colorgradient-rtl.html
+++ b/tests/colorgradient/colorgradient-rtl.html
@@ -62,25 +62,25 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">R</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">G</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">B</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                         </span>
                         <label class="k-colorgradient-input-label">A</label>
                     </div>
diff --git a/tests/colorgradient/colorgradient-sizes.html b/tests/colorgradient/colorgradient-sizes.html
index 7600320cace..d9cfa3b2b73 100644
--- a/tests/colorgradient/colorgradient-sizes.html
+++ b/tests/colorgradient/colorgradient-sizes.html
@@ -67,25 +67,25 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-sm k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">R</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-sm k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">G</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-sm k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">B</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-sm k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                         </span>
                         <label class="k-colorgradient-input-label">A</label>
                     </div>
@@ -131,25 +131,25 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">R</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">G</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">B</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                         </span>
                         <label class="k-colorgradient-input-label">A</label>
                     </div>
@@ -195,25 +195,25 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">R</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">G</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">B</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                         </span>
                         <label class="k-colorgradient-input-label">A</label>
                     </div>
diff --git a/tests/colorgradient/colorgradient-states.html b/tests/colorgradient/colorgradient-states.html
index 5f6fa21d3cd..e44e4232256 100644
--- a/tests/colorgradient/colorgradient-states.html
+++ b/tests/colorgradient/colorgradient-states.html
@@ -62,25 +62,25 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">R</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">G</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">B</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                         </span>
                         <label class="k-colorgradient-input-label">A</label>
                     </div>
@@ -127,25 +127,25 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">R</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">G</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">B</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                         </span>
                         <label class="k-colorgradient-input-label">A</label>
                     </div>
@@ -192,25 +192,25 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">R</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">G</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">B</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                         </span>
                         <label class="k-colorgradient-input-label">A</label>
                     </div>
@@ -257,25 +257,25 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">R</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">G</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">B</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                         </span>
                         <label class="k-colorgradient-input-label">A</label>
                     </div>
@@ -322,25 +322,25 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">R</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">G</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">B</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                         </span>
                         <label class="k-colorgradient-input-label">A</label>
                     </div>
diff --git a/tests/colorgradient/colorgradient.html b/tests/colorgradient/colorgradient.html
index e6792299c95..d380c76b0ee 100644
--- a/tests/colorgradient/colorgradient.html
+++ b/tests/colorgradient/colorgradient.html
@@ -62,25 +62,25 @@
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">R</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">G</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                         </span>
                         <label class="k-colorgradient-input-label">B</label>
                     </div>
                     <div class="k-vstack">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                         </span>
                         <label class="k-colorgradient-input-label">A</label>
                     </div>
diff --git a/tests/colorpicker/colorpicker-adaptive.html b/tests/colorpicker/colorpicker-adaptive.html
index 026fbe5ef9a..a5431c2c88e 100644
--- a/tests/colorpicker/colorpicker-adaptive.html
+++ b/tests/colorpicker/colorpicker-adaptive.html
@@ -143,25 +143,25 @@
                                                 </div>
                                                 <div class="k-vstack">
                                                     <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                                     </span>
                                                     <label class="k-colorgradient-input-label">R</label>
                                                 </div>
                                                 <div class="k-vstack">
                                                     <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                                     </span>
                                                     <label class="k-colorgradient-input-label">G</label>
                                                 </div>
                                                 <div class="k-vstack">
                                                     <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                                     </span>
                                                     <label class="k-colorgradient-input-label">B</label>
                                                 </div>
                                                 <div class="k-vstack">
                                                     <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                                                     </span>
                                                     <label class="k-colorgradient-input-label">A</label>
                                                 </div>
@@ -299,25 +299,25 @@
                                                 </div>
                                                 <div class="k-vstack">
                                                     <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                                     </span>
                                                     <label class="k-colorgradient-input-label">R</label>
                                                 </div>
                                                 <div class="k-vstack">
                                                     <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                                     </span>
                                                     <label class="k-colorgradient-input-label">G</label>
                                                 </div>
                                                 <div class="k-vstack">
                                                     <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                                     </span>
                                                     <label class="k-colorgradient-input-label">B</label>
                                                 </div>
                                                 <div class="k-vstack">
                                                     <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                                                     </span>
                                                     <label class="k-colorgradient-input-label">A</label>
                                                 </div>
diff --git a/tests/colorpicker/colorpicker-opened.html b/tests/colorpicker/colorpicker-opened.html
index 9281c8e1726..6481dd7bafd 100644
--- a/tests/colorpicker/colorpicker-opened.html
+++ b/tests/colorpicker/colorpicker-opened.html
@@ -120,25 +120,25 @@
                                         </div>
                                         <div class="k-vstack">
                                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                             </span>
                                             <label class="k-colorgradient-input-label">R</label>
                                         </div>
                                         <div class="k-vstack">
                                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                             </span>
                                             <label class="k-colorgradient-input-label">G</label>
                                         </div>
                                         <div class="k-vstack">
                                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="132">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="132">
                                             </span>
                                             <label class="k-colorgradient-input-label">B</label>
                                         </div>
                                         <div class="k-vstack">
                                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1.00">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1.00">
                                             </span>
                                             <label class="k-colorgradient-input-label">A</label>
                                         </div>
diff --git a/tests/column-menu/column-menu-rtl.html b/tests/column-menu/column-menu-rtl.html
index a8cf323da19..460f6686d04 100644
--- a/tests/column-menu/column-menu-rtl.html
+++ b/tests/column-menu/column-menu-rtl.html
@@ -138,25 +138,25 @@
                                 <div class="k-column-list">
                                     <label class="k-column-list-item">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-checkbox-label">Column 1</span>
                                     </label>
                                     <label class="k-column-list-item k-focus">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-checkbox-label">Column 2</span>
                                     </label>
                                     <label class="k-column-list-item">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-checkbox-label">Column 3</span>
                                     </label>
                                     <label class="k-column-list-item">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-checkbox-label">Column 4</span>
                                     </label>
@@ -233,25 +233,25 @@
                                 <div class="k-column-list">
                                     <label class="k-column-list-item">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-checkbox-label">Column 1</span>
                                     </label>
                                     <label class="k-column-list-item k-focus">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-checkbox-label">Column 2</span>
                                     </label>
                                     <label class="k-column-list-item">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-checkbox-label">Column 3</span>
                                     </label>
                                     <label class="k-column-list-item">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-checkbox-label">Column 4</span>
                                     </label>
diff --git a/tests/column-menu/column-menu-tabbed.html b/tests/column-menu/column-menu-tabbed.html
index 34b56d3f9ad..cc1e24620ab 100644
--- a/tests/column-menu/column-menu-tabbed.html
+++ b/tests/column-menu/column-menu-tabbed.html
@@ -187,7 +187,7 @@
                                     </button>
                                 </span>
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                                 </span>
                                 <span class="k-filter-and k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
                                     <span class="k-input-inner">
@@ -214,7 +214,7 @@
                                     </button>
                                 </span>
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                                 </span>
                                 <div class="k-actions k-actions-stretched k-actions-horizontal">
                                     <button class="k-button k-button-md k-button-solid k-button-solid-primary k-rounded-md">
@@ -262,7 +262,7 @@
                                     </button>
                                 </span>
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                                 </span>
                                 <span class="k-filter-and k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
                                     <span class="k-input-inner">
@@ -289,7 +289,7 @@
                                     </button>
                                 </span>
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                                 </span>
                                 <div class="k-actions k-actions-stretched k-actions-horizontal">
                                     <button class="k-button k-button-md k-button-solid k-button-solid-primary k-rounded-md">
diff --git a/tests/column-menu/column-menu.html b/tests/column-menu/column-menu.html
index 239afa6011a..7ed8f0e5a8e 100644
--- a/tests/column-menu/column-menu.html
+++ b/tests/column-menu/column-menu.html
@@ -138,25 +138,25 @@
                                 <div class="k-column-list">
                                     <label class="k-column-list-item">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-checkbox-label">Column 1</span>
                                     </label>
                                     <label class="k-column-list-item k-focus">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-checkbox-label">Column 2</span>
                                     </label>
                                     <label class="k-column-list-item">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-checkbox-label">Column 3</span>
                                     </label>
                                     <label class="k-column-list-item">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-checkbox-label">Column 4</span>
                                     </label>
@@ -233,25 +233,25 @@
                                 <div class="k-column-list">
                                     <label class="k-column-list-item">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-checkbox-label">Column 1</span>
                                     </label>
                                     <label class="k-column-list-item k-focus">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-checkbox-label">Column 2</span>
                                     </label>
                                     <label class="k-column-list-item">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-checkbox-label">Column 3</span>
                                     </label>
                                     <label class="k-column-list-item">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-checkbox-label">Column 4</span>
                                     </label>
diff --git a/tests/combobox/combobox-adaptive.html b/tests/combobox/combobox-adaptive.html
index e4485983d1e..9c59dfcaa65 100644
--- a/tests/combobox/combobox-adaptive.html
+++ b/tests/combobox/combobox-adaptive.html
@@ -29,7 +29,7 @@
         <span>full screen</span>
         <section>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -66,7 +66,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
@@ -96,7 +96,7 @@
         </section>
         <section>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -133,7 +133,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
diff --git a/tests/combobox/combobox-flat.html b/tests/combobox/combobox-flat.html
index db7b784d7a5..498c12a3c13 100644
--- a/tests/combobox/combobox-flat.html
+++ b/tests/combobox/combobox-flat.html
@@ -21,7 +21,7 @@
         <span>ComboBox Flat RTL</span>
         <div>
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -33,7 +33,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -57,7 +57,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -69,7 +69,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -88,7 +88,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -107,7 +107,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -126,7 +126,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -145,7 +145,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -164,7 +164,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -183,7 +183,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -207,7 +207,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -231,7 +231,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -255,7 +255,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -279,7 +279,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -292,7 +292,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -305,7 +305,7 @@
         </div>
         <div>
             <span required="" class="k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -324,7 +324,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -343,7 +343,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -355,7 +355,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -367,7 +367,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -379,7 +379,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -391,7 +391,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -415,7 +415,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/combobox/combobox-grouping.html b/tests/combobox/combobox-grouping.html
index faf094ba766..d3db6e42d2b 100644
--- a/tests/combobox/combobox-grouping.html
+++ b/tests/combobox/combobox-grouping.html
@@ -24,7 +24,7 @@
         <span>Classic Combobox Grouping RTL</span>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="Combobox..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="Combobox..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -70,7 +70,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="Combobox..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="Combobox..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -118,7 +118,7 @@
         <span>Modern Combobox Grouping RTL</span>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="Combobox..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="Combobox..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -166,7 +166,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="Combobox..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="Combobox..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/combobox/combobox-opened.html b/tests/combobox/combobox-opened.html
index 196141ada23..b731c3c279c 100644
--- a/tests/combobox/combobox-opened.html
+++ b/tests/combobox/combobox-opened.html
@@ -24,7 +24,7 @@
         <span>ComboBox Popup Opened RTL</span>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Opened">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Opened">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -64,7 +64,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Opened">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Opened">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/combobox/combobox-outline.html b/tests/combobox/combobox-outline.html
index f7082a721cb..f5c9442447a 100644
--- a/tests/combobox/combobox-outline.html
+++ b/tests/combobox/combobox-outline.html
@@ -21,7 +21,7 @@
         <span>ComboBox Outline RTL</span>
         <div>
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -33,7 +33,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -57,7 +57,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -69,7 +69,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -88,7 +88,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -107,7 +107,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -126,7 +126,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -145,7 +145,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -164,7 +164,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -183,7 +183,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -207,7 +207,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -231,7 +231,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -255,7 +255,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -279,7 +279,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -292,7 +292,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -305,7 +305,7 @@
         </div>
         <div>
             <span required="" class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -324,7 +324,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -343,7 +343,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -355,7 +355,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -367,7 +367,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -379,7 +379,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -391,7 +391,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -415,7 +415,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/combobox/combobox-prefix-suffix.html b/tests/combobox/combobox-prefix-suffix.html
index 53e961e0bd2..93b7a0d377c 100644
--- a/tests/combobox/combobox-prefix-suffix.html
+++ b/tests/combobox/combobox-prefix-suffix.html
@@ -29,7 +29,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -48,7 +48,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -85,7 +85,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -123,7 +123,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -135,7 +135,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md k-icon-button">
@@ -165,7 +165,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md k-icon-button">
@@ -196,7 +196,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -220,7 +220,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -262,7 +262,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -305,7 +305,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -324,7 +324,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -361,7 +361,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -400,7 +400,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -419,7 +419,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -456,7 +456,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -494,7 +494,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -506,7 +506,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md k-icon-button">
@@ -536,7 +536,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md k-icon-button">
@@ -567,7 +567,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -591,7 +591,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -633,7 +633,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -676,7 +676,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -695,7 +695,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -732,7 +732,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -771,7 +771,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -790,7 +790,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -827,7 +827,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -865,7 +865,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -877,7 +877,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md k-icon-button">
@@ -907,7 +907,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md k-icon-button">
@@ -938,7 +938,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -962,7 +962,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -1004,7 +1004,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -1047,7 +1047,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -1066,7 +1066,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -1103,7 +1103,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/combobox/combobox-size-rounded.html b/tests/combobox/combobox-size-rounded.html
index 3c6b542f4a3..fe73b78353d 100644
--- a/tests/combobox/combobox-size-rounded.html
+++ b/tests/combobox/combobox-size-rounded.html
@@ -26,7 +26,7 @@
         <span>small</span>
         <div>
             <span class="k-combobox k-input k-input-sm k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Combobox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Combobox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Combobox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Combobox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -64,7 +64,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-lg k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Combobox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Combobox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -84,7 +84,7 @@
         <span>medium</span>
         <div>
             <span class="k-combobox k-input k-input-sm k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Combobox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Combobox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -103,7 +103,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Combobox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Combobox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -122,7 +122,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-lg k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Combobox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Combobox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -142,7 +142,7 @@
         <span>large</span>
         <div>
             <span class="k-combobox k-input k-input-sm k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Combobox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Combobox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -161,7 +161,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Combobox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Combobox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -180,7 +180,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-lg k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Combobox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Combobox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -200,7 +200,7 @@
         <span>full</span>
         <div>
             <span class="k-combobox k-input k-input-sm k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Combobox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Combobox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -219,7 +219,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Combobox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Combobox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -238,7 +238,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-lg k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Combobox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Combobox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/combobox/combobox-solid.html b/tests/combobox/combobox-solid.html
index 4138e76701d..2f9c8ad487e 100644
--- a/tests/combobox/combobox-solid.html
+++ b/tests/combobox/combobox-solid.html
@@ -21,7 +21,7 @@
         <span>ComboBox RTL</span>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -33,7 +33,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -57,7 +57,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -69,7 +69,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -88,7 +88,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -107,7 +107,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -126,7 +126,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -145,7 +145,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -164,7 +164,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -183,7 +183,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -207,7 +207,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -231,7 +231,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -255,7 +255,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -279,7 +279,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -292,7 +292,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -305,7 +305,7 @@
         </div>
         <div>
             <span required="" class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -324,7 +324,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -343,7 +343,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -355,7 +355,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -367,7 +367,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -379,7 +379,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -391,7 +391,7 @@
         </div>
         <div>
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -415,7 +415,7 @@
         </div>
         <div dir="rtl">
             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/dateinput/dateinput-flat.html b/tests/dateinput/dateinput-flat.html
index e1454a31496..432a5aff39c 100644
--- a/tests/dateinput/dateinput-flat.html
+++ b/tests/dateinput/dateinput-flat.html
@@ -21,7 +21,7 @@
         <span>DateInput Flat RTL</span>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -42,7 +42,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -63,7 +63,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -91,7 +91,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -119,7 +119,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -147,7 +147,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -175,7 +175,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -203,7 +203,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -231,7 +231,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -264,7 +264,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -297,7 +297,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -330,7 +330,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -363,7 +363,7 @@
         </div>
         <div>
             <span required="" class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -391,7 +391,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -419,7 +419,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -440,7 +440,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -461,7 +461,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
@@ -483,7 +483,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
@@ -505,7 +505,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -526,7 +526,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -547,7 +547,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -580,7 +580,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/dateinput/dateinput-outline.html b/tests/dateinput/dateinput-outline.html
index 932d4c72387..7360b42c247 100644
--- a/tests/dateinput/dateinput-outline.html
+++ b/tests/dateinput/dateinput-outline.html
@@ -21,7 +21,7 @@
         <span>DateInput Outline RTL</span>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -42,7 +42,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -63,7 +63,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -91,7 +91,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -119,7 +119,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -147,7 +147,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -175,7 +175,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -203,7 +203,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -231,7 +231,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -264,7 +264,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -297,7 +297,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -330,7 +330,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -363,7 +363,7 @@
         </div>
         <div>
             <span required="" class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -391,7 +391,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -419,7 +419,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -440,7 +440,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -461,7 +461,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
@@ -483,7 +483,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
@@ -505,7 +505,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -526,7 +526,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -547,7 +547,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -580,7 +580,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/dateinput/dateinput-size-rounded.html b/tests/dateinput/dateinput-size-rounded.html
index 4ee1bea47e5..d8727df5f96 100644
--- a/tests/dateinput/dateinput-size-rounded.html
+++ b/tests/dateinput/dateinput-size-rounded.html
@@ -26,7 +26,7 @@
         <span>small</span>
         <div>
             <span class="k-dateinput k-input k-input-sm k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateInput">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateInput">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-sm k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -47,7 +47,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateInput">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateInput">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -68,7 +68,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-lg k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateInput">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateInput">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-lg k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -90,7 +90,7 @@
         <span>medium</span>
         <div>
             <span class="k-dateinput k-input k-input-sm k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateInput">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateInput">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-sm k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -111,7 +111,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateInput">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateInput">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -132,7 +132,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-lg k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateInput">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateInput">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-lg k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -154,7 +154,7 @@
         <span>large</span>
         <div>
             <span class="k-dateinput k-input k-input-sm k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateInput">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateInput">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-sm k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -175,7 +175,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateInput">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateInput">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -196,7 +196,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-lg k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateInput">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateInput">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-lg k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -218,7 +218,7 @@
         <span>full</span>
         <div>
             <span class="k-dateinput k-input k-input-sm k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateInput">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateInput">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-sm k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -239,7 +239,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateInput">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateInput">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -260,7 +260,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-lg k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateInput">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateInput">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-lg k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
diff --git a/tests/dateinput/dateinput-solid.html b/tests/dateinput/dateinput-solid.html
index 0eff0f5a96f..86052084d5b 100644
--- a/tests/dateinput/dateinput-solid.html
+++ b/tests/dateinput/dateinput-solid.html
@@ -21,7 +21,7 @@
         <span>DateInput RTL</span>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -42,7 +42,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -63,7 +63,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -91,7 +91,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -119,7 +119,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -147,7 +147,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -175,7 +175,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -203,7 +203,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -231,7 +231,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -264,7 +264,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -297,7 +297,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -330,7 +330,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -363,7 +363,7 @@
         </div>
         <div>
             <span required="" class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -391,7 +391,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -419,7 +419,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -440,7 +440,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -461,7 +461,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
@@ -483,7 +483,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
@@ -505,7 +505,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -526,7 +526,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -547,7 +547,7 @@
         </div>
         <div>
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -580,7 +580,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/datepicker/datepicker-adaptive.html b/tests/datepicker/datepicker-adaptive.html
index a4e4089137b..b37e3c4fbb4 100644
--- a/tests/datepicker/datepicker-adaptive.html
+++ b/tests/datepicker/datepicker-adaptive.html
@@ -29,7 +29,7 @@
         <span>full screen</span>
         <section>
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -229,7 +229,7 @@
         </section>
         <section>
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/datepicker/datepicker-flat.html b/tests/datepicker/datepicker-flat.html
index 1ce071e2265..31f149352cc 100644
--- a/tests/datepicker/datepicker-flat.html
+++ b/tests/datepicker/datepicker-flat.html
@@ -21,7 +21,7 @@
         <span>DatePicker Flat RTL</span>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -33,7 +33,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -64,7 +64,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -83,7 +83,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -102,7 +102,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -121,7 +121,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -140,7 +140,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -159,7 +159,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -183,7 +183,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -207,7 +207,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -231,7 +231,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -255,7 +255,7 @@
         </div>
         <div>
             <span required="" class="k-datepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -274,7 +274,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-datepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -293,7 +293,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -305,7 +305,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -317,7 +317,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
@@ -330,7 +330,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
@@ -343,7 +343,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -355,7 +355,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -367,7 +367,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -391,7 +391,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/datepicker/datepicker-opened.html b/tests/datepicker/datepicker-opened.html
index ec4ce363bde..a6a9352b0a3 100644
--- a/tests/datepicker/datepicker-opened.html
+++ b/tests/datepicker/datepicker-opened.html
@@ -27,7 +27,7 @@
         <span>DatePicker RTL</span>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Opened">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Opened">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -212,7 +212,7 @@
         </div>
         <div dir="rtl">
             <span dir="rtl" class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Opened">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Opened">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/datepicker/datepicker-outline.html b/tests/datepicker/datepicker-outline.html
index 73ee9c07075..24e366b4686 100644
--- a/tests/datepicker/datepicker-outline.html
+++ b/tests/datepicker/datepicker-outline.html
@@ -21,7 +21,7 @@
         <span>DatePicker Outline RTL</span>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -33,7 +33,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -64,7 +64,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -83,7 +83,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -102,7 +102,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -121,7 +121,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -140,7 +140,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -159,7 +159,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -183,7 +183,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -207,7 +207,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -231,7 +231,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -255,7 +255,7 @@
         </div>
         <div>
             <span required="" class="k-datepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -274,7 +274,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-datepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -293,7 +293,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -305,7 +305,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -317,7 +317,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
@@ -330,7 +330,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
@@ -343,7 +343,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -355,7 +355,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -367,7 +367,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -391,7 +391,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/datepicker/datepicker-size-rounded.html b/tests/datepicker/datepicker-size-rounded.html
index 8e23e354e26..aae96602fc1 100644
--- a/tests/datepicker/datepicker-size-rounded.html
+++ b/tests/datepicker/datepicker-size-rounded.html
@@ -26,7 +26,7 @@
         <span>small</span>
         <div>
             <span class="k-datepicker k-input k-input-sm k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DatePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DatePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DatePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DatePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -64,7 +64,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-lg k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DatePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DatePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -84,7 +84,7 @@
         <span>medium</span>
         <div>
             <span class="k-datepicker k-input k-input-sm k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DatePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DatePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -103,7 +103,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DatePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DatePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -122,7 +122,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-lg k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DatePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DatePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -142,7 +142,7 @@
         <span>large</span>
         <div>
             <span class="k-datepicker k-input k-input-sm k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DatePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DatePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -161,7 +161,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DatePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DatePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -180,7 +180,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-lg k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DatePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DatePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -200,7 +200,7 @@
         <span>full</span>
         <div>
             <span class="k-datepicker k-input k-input-sm k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DatePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DatePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -219,7 +219,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DatePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DatePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -238,7 +238,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-lg k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DatePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DatePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/datepicker/datepicker-solid.html b/tests/datepicker/datepicker-solid.html
index 730c4fd9011..91839ad1259 100644
--- a/tests/datepicker/datepicker-solid.html
+++ b/tests/datepicker/datepicker-solid.html
@@ -24,7 +24,7 @@
         <span>DatePicker RTL</span>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -36,7 +36,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -48,7 +48,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -67,7 +67,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -86,7 +86,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -105,7 +105,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -124,7 +124,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -143,7 +143,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -162,7 +162,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -186,7 +186,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -210,7 +210,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -234,7 +234,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -258,7 +258,7 @@
         </div>
         <div>
             <span required="" class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -277,7 +277,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -296,7 +296,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -308,7 +308,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -320,7 +320,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
@@ -333,7 +333,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
@@ -346,7 +346,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -358,7 +358,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -370,7 +370,7 @@
         </div>
         <div>
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -394,7 +394,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/daterangepicker/daterangepicker-adaptive.html b/tests/daterangepicker/daterangepicker-adaptive.html
index b35ebed1d39..a833977eb52 100644
--- a/tests/daterangepicker/daterangepicker-adaptive.html
+++ b/tests/daterangepicker/daterangepicker-adaptive.html
@@ -31,13 +31,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -366,13 +366,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
diff --git a/tests/daterangepicker/daterangepicker-flat.html b/tests/daterangepicker/daterangepicker-flat.html
index e40a3b64a46..bcaa4d62413 100644
--- a/tests/daterangepicker/daterangepicker-flat.html
+++ b/tests/daterangepicker/daterangepicker-flat.html
@@ -18,13 +18,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -35,13 +35,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -52,13 +52,13 @@
             <span class="k-daterangepicker k-disabled">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -69,13 +69,13 @@
             <span class="k-daterangepicker k-disabled">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -86,7 +86,7 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
@@ -99,7 +99,7 @@
                 </button>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -110,7 +110,7 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
@@ -123,7 +123,7 @@
                 </button>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
diff --git a/tests/daterangepicker/daterangepicker-opened.html b/tests/daterangepicker/daterangepicker-opened.html
index 65702480f49..867b3c446b6 100644
--- a/tests/daterangepicker/daterangepicker-opened.html
+++ b/tests/daterangepicker/daterangepicker-opened.html
@@ -23,13 +23,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -334,13 +334,13 @@
             <span dir="rtl" class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
diff --git a/tests/daterangepicker/daterangepicker-outline.html b/tests/daterangepicker/daterangepicker-outline.html
index 938725401cd..f06c0803ead 100644
--- a/tests/daterangepicker/daterangepicker-outline.html
+++ b/tests/daterangepicker/daterangepicker-outline.html
@@ -18,13 +18,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -35,13 +35,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -52,13 +52,13 @@
             <span class="k-daterangepicker k-disabled">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -69,13 +69,13 @@
             <span class="k-daterangepicker k-disabled">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -86,7 +86,7 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
@@ -99,7 +99,7 @@
                 </button>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -110,7 +110,7 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
@@ -123,7 +123,7 @@
                 </button>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
diff --git a/tests/daterangepicker/daterangepicker-size-rounded.html b/tests/daterangepicker/daterangepicker-size-rounded.html
index b3bb2761dc2..5ffb8fc2ffe 100644
--- a/tests/daterangepicker/daterangepicker-size-rounded.html
+++ b/tests/daterangepicker/daterangepicker-size-rounded.html
@@ -31,13 +31,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-sm k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-sm k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -47,13 +47,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -63,13 +63,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-lg k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-lg k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -80,13 +80,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-sm k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-sm k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -96,13 +96,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -112,13 +112,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-lg k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-lg k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -129,13 +129,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-sm k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-sm k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -145,13 +145,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -161,13 +161,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-lg k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-lg k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -178,13 +178,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-sm k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-sm k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -194,13 +194,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -210,13 +210,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-lg k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-lg k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
diff --git a/tests/daterangepicker/daterangepicker-solid.html b/tests/daterangepicker/daterangepicker-solid.html
index aeaad63f55b..3c426ec6da7 100644
--- a/tests/daterangepicker/daterangepicker-solid.html
+++ b/tests/daterangepicker/daterangepicker-solid.html
@@ -18,13 +18,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -35,13 +35,13 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -52,13 +52,13 @@
             <span class="k-daterangepicker k-disabled">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -69,13 +69,13 @@
             <span class="k-daterangepicker k-disabled">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -86,7 +86,7 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
@@ -99,7 +99,7 @@
                 </button>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
@@ -110,7 +110,7 @@
             <span class="k-daterangepicker">
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">Start</label>
                 </span>
@@ -123,7 +123,7 @@
                 </button>
                 <span class="k-floating-label-container">
                     <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <label class="k-floating-label">End</label>
                 </span>
diff --git a/tests/datetimepicker/datetimepicker-adaptive.html b/tests/datetimepicker/datetimepicker-adaptive.html
index ff1ede10469..8d3f2c7f373 100644
--- a/tests/datetimepicker/datetimepicker-adaptive.html
+++ b/tests/datetimepicker/datetimepicker-adaptive.html
@@ -29,7 +29,7 @@
         <span>full screen</span>
         <section>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -276,7 +276,7 @@
         </section>
         <section>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/datetimepicker/datetimepicker-flat.html b/tests/datetimepicker/datetimepicker-flat.html
index 6d57850a605..f6e423ac3ca 100644
--- a/tests/datetimepicker/datetimepicker-flat.html
+++ b/tests/datetimepicker/datetimepicker-flat.html
@@ -21,7 +21,7 @@
         <span>DateTimePicker Flat RTL</span>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -33,7 +33,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -64,7 +64,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -83,7 +83,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -102,7 +102,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -121,7 +121,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -140,7 +140,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -159,7 +159,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -183,7 +183,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -207,7 +207,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -231,7 +231,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -255,7 +255,7 @@
         </div>
         <div>
             <span required="" class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -274,7 +274,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -293,7 +293,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -305,7 +305,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -317,7 +317,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
@@ -330,7 +330,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
@@ -343,7 +343,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -355,7 +355,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -367,7 +367,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -391,7 +391,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/datetimepicker/datetimepicker-opened.html b/tests/datetimepicker/datetimepicker-opened.html
index de492d6ee2e..f338bca216d 100644
--- a/tests/datetimepicker/datetimepicker-opened.html
+++ b/tests/datetimepicker/datetimepicker-opened.html
@@ -29,7 +29,7 @@
         <span>DateTimePicker RTL</span>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Opened Date">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Opened Date">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -261,7 +261,7 @@
         </div>
         <div>
             <span dir="rtl" class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Opened Date">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Opened Date">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -493,7 +493,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Opened Time">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Opened Time">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -692,7 +692,7 @@
         </div>
         <div>
             <span dir="rtl" class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Opened Time">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Opened Time">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/datetimepicker/datetimepicker-outline.html b/tests/datetimepicker/datetimepicker-outline.html
index 339631e290e..6f6799b27f1 100644
--- a/tests/datetimepicker/datetimepicker-outline.html
+++ b/tests/datetimepicker/datetimepicker-outline.html
@@ -21,7 +21,7 @@
         <span>DateTimePicker Outline RTL</span>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -33,7 +33,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -64,7 +64,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -83,7 +83,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -102,7 +102,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -121,7 +121,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -140,7 +140,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -159,7 +159,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -183,7 +183,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -207,7 +207,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -231,7 +231,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -255,7 +255,7 @@
         </div>
         <div>
             <span required="" class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -274,7 +274,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -293,7 +293,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -305,7 +305,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -317,7 +317,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
@@ -330,7 +330,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
@@ -343,7 +343,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -355,7 +355,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -367,7 +367,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -391,7 +391,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/datetimepicker/datetimepicker-size-rounded.html b/tests/datetimepicker/datetimepicker-size-rounded.html
index 7b62becb437..cd4173880a7 100644
--- a/tests/datetimepicker/datetimepicker-size-rounded.html
+++ b/tests/datetimepicker/datetimepicker-size-rounded.html
@@ -26,7 +26,7 @@
         <span>small</span>
         <div>
             <span class="k-datetimepicker k-input k-input-sm k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateTimePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateTimePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateTimePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateTimePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -64,7 +64,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-lg k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateTimePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateTimePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -84,7 +84,7 @@
         <span>medium</span>
         <div>
             <span class="k-datetimepicker k-input k-input-sm k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateTimePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateTimePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -103,7 +103,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateTimePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateTimePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -122,7 +122,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-lg k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateTimePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateTimePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -142,7 +142,7 @@
         <span>large</span>
         <div>
             <span class="k-datetimepicker k-input k-input-sm k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateTimePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateTimePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -161,7 +161,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateTimePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateTimePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -180,7 +180,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-lg k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateTimePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateTimePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -200,7 +200,7 @@
         <span>full</span>
         <div>
             <span class="k-datetimepicker k-input k-input-sm k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateTimePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateTimePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -219,7 +219,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateTimePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateTimePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -238,7 +238,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-lg k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DateTimePicker">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DateTimePicker">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/datetimepicker/datetimepicker-solid.html b/tests/datetimepicker/datetimepicker-solid.html
index dcf7cec5cb9..31e6b64b319 100644
--- a/tests/datetimepicker/datetimepicker-solid.html
+++ b/tests/datetimepicker/datetimepicker-solid.html
@@ -21,7 +21,7 @@
         <span>DateTimePicker RTL</span>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -33,7 +33,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -64,7 +64,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -83,7 +83,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -102,7 +102,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -121,7 +121,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -140,7 +140,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -159,7 +159,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -183,7 +183,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -207,7 +207,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -231,7 +231,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -255,7 +255,7 @@
         </div>
         <div>
             <span required="" class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -274,7 +274,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -293,7 +293,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -305,7 +305,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -317,7 +317,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
@@ -330,7 +330,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
@@ -343,7 +343,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -355,7 +355,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -367,7 +367,7 @@
         </div>
         <div>
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -391,7 +391,7 @@
         </div>
         <div dir="rtl">
             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/dropdowngrid/dropdowngrid-adaptive.html b/tests/dropdowngrid/dropdowngrid-adaptive.html
index ff7dd4d9259..3a357e58f3f 100644
--- a/tests/dropdowngrid/dropdowngrid-adaptive.html
+++ b/tests/dropdowngrid/dropdowngrid-adaptive.html
@@ -29,7 +29,7 @@
         <span>full screen</span>
         <section>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -66,7 +66,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
@@ -144,7 +144,7 @@
         </section>
         <section>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -181,7 +181,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
diff --git a/tests/dropdowngrid/dropdowngrid-flat.html b/tests/dropdowngrid/dropdowngrid-flat.html
index 382ed14c277..952ba880bf7 100644
--- a/tests/dropdowngrid/dropdowngrid-flat.html
+++ b/tests/dropdowngrid/dropdowngrid-flat.html
@@ -21,7 +21,7 @@
         <span>DropdownGrid Flat RTL</span>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -33,7 +33,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -57,7 +57,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -69,7 +69,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -88,7 +88,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -107,7 +107,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -126,7 +126,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -145,7 +145,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -164,7 +164,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -183,7 +183,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -207,7 +207,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -231,7 +231,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -255,7 +255,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -279,7 +279,7 @@
         </div>
         <div>
             <span required="" class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -298,7 +298,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -317,7 +317,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -329,7 +329,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -341,7 +341,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -354,7 +354,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -367,7 +367,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -379,7 +379,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -391,7 +391,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -415,7 +415,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/dropdowngrid/dropdowngrid-opened.html b/tests/dropdowngrid/dropdowngrid-opened.html
index 697e627d686..6de6d4fd69c 100644
--- a/tests/dropdowngrid/dropdowngrid-opened.html
+++ b/tests/dropdowngrid/dropdowngrid-opened.html
@@ -24,7 +24,7 @@
         <span>DropdownGrid RTL</span>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Opened">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Opened">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -112,7 +112,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Opened">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Opened">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/dropdowngrid/dropdowngrid-outline.html b/tests/dropdowngrid/dropdowngrid-outline.html
index 6bb35eef693..cb04eb7b248 100644
--- a/tests/dropdowngrid/dropdowngrid-outline.html
+++ b/tests/dropdowngrid/dropdowngrid-outline.html
@@ -21,7 +21,7 @@
         <span>DropdownGrid Outline RTL</span>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -33,7 +33,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -57,7 +57,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -69,7 +69,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -88,7 +88,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -107,7 +107,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -126,7 +126,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -145,7 +145,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -164,7 +164,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -183,7 +183,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -207,7 +207,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -231,7 +231,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -255,7 +255,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -279,7 +279,7 @@
         </div>
         <div>
             <span required="" class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -298,7 +298,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -317,7 +317,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -329,7 +329,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -341,7 +341,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -354,7 +354,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -367,7 +367,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -379,7 +379,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -391,7 +391,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -415,7 +415,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/dropdowngrid/dropdowngrid-prefix-suffix.html b/tests/dropdowngrid/dropdowngrid-prefix-suffix.html
index bff01c69940..c4089c34195 100644
--- a/tests/dropdowngrid/dropdowngrid-prefix-suffix.html
+++ b/tests/dropdowngrid/dropdowngrid-prefix-suffix.html
@@ -29,7 +29,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -48,7 +48,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -85,7 +85,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -123,7 +123,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -135,7 +135,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md k-icon-button">
@@ -165,7 +165,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md k-icon-button">
@@ -196,7 +196,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -220,7 +220,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -262,7 +262,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -305,7 +305,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -324,7 +324,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -361,7 +361,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -400,7 +400,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -419,7 +419,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -456,7 +456,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -494,7 +494,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -506,7 +506,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md k-icon-button">
@@ -536,7 +536,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md k-icon-button">
@@ -567,7 +567,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -591,7 +591,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -633,7 +633,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -676,7 +676,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -695,7 +695,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -732,7 +732,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -771,7 +771,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -790,7 +790,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -827,7 +827,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -865,7 +865,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -877,7 +877,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md k-icon-button">
@@ -907,7 +907,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md k-icon-button">
@@ -938,7 +938,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -962,7 +962,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -1004,7 +1004,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -1047,7 +1047,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -1066,7 +1066,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -1103,7 +1103,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/dropdowngrid/dropdowngrid-size-rounded.html b/tests/dropdowngrid/dropdowngrid-size-rounded.html
index 10b536370f5..91714eacb16 100644
--- a/tests/dropdowngrid/dropdowngrid-size-rounded.html
+++ b/tests/dropdowngrid/dropdowngrid-size-rounded.html
@@ -26,7 +26,7 @@
         <span>small</span>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-sm k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DropdownGrid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DropdownGrid">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DropdownGrid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DropdownGrid">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -64,7 +64,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-lg k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DropdownGrid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DropdownGrid">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -84,7 +84,7 @@
         <span>medium</span>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-sm k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DropdownGrid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DropdownGrid">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -103,7 +103,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DropdownGrid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DropdownGrid">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -122,7 +122,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-lg k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DropdownGrid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DropdownGrid">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -142,7 +142,7 @@
         <span>large</span>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-sm k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DropdownGrid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DropdownGrid">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -161,7 +161,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DropdownGrid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DropdownGrid">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -180,7 +180,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-lg k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DropdownGrid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DropdownGrid">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -200,7 +200,7 @@
         <span>full</span>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-sm k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DropdownGrid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DropdownGrid">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -219,7 +219,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DropdownGrid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DropdownGrid">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -238,7 +238,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-lg k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="DropdownGrid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="DropdownGrid">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/dropdowngrid/dropdowngrid-solid.html b/tests/dropdowngrid/dropdowngrid-solid.html
index b6a4c4fe459..2968c9a0862 100644
--- a/tests/dropdowngrid/dropdowngrid-solid.html
+++ b/tests/dropdowngrid/dropdowngrid-solid.html
@@ -21,7 +21,7 @@
         <span>DropdownGrid RTL</span>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -33,7 +33,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -57,7 +57,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -69,7 +69,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -88,7 +88,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -107,7 +107,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -126,7 +126,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -145,7 +145,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -164,7 +164,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -183,7 +183,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -207,7 +207,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -231,7 +231,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -255,7 +255,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -279,7 +279,7 @@
         </div>
         <div>
             <span required="" class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -298,7 +298,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -317,7 +317,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -329,7 +329,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -341,7 +341,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -354,7 +354,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -367,7 +367,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -379,7 +379,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -391,7 +391,7 @@
         </div>
         <div>
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -415,7 +415,7 @@
         </div>
         <div dir="rtl">
             <span class="k-dropdowngrid k-combobox k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/dropdownlist/dropdownlist-adaptive.html b/tests/dropdownlist/dropdownlist-adaptive.html
index 6ec2e8db49f..9440c3a76d5 100644
--- a/tests/dropdownlist/dropdownlist-adaptive.html
+++ b/tests/dropdownlist/dropdownlist-adaptive.html
@@ -65,7 +65,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
@@ -97,7 +97,7 @@
                                                 </li>
                                                 <li class="k-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-list-item-text">Checkbox</span>
                                                 </li>
@@ -111,7 +111,7 @@
                                                 </li>
                                                 <li class="k-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-icon k-svg-icon k-svg-i-gear">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -177,7 +177,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
@@ -209,7 +209,7 @@
                                                 </li>
                                                 <li class="k-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-list-item-text">Checkbox</span>
                                                 </li>
@@ -223,7 +223,7 @@
                                                 </li>
                                                 <li class="k-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-icon k-svg-icon k-svg-i-gear">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/dropdownlist/dropdownlist-filtering.html b/tests/dropdownlist/dropdownlist-filtering.html
index b87c7a94c7a..6f96e3e5da7 100644
--- a/tests/dropdownlist/dropdownlist-filtering.html
+++ b/tests/dropdownlist/dropdownlist-filtering.html
@@ -43,7 +43,7 @@
                                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                     </svg>
                                 </span>
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                         <div class="k-list k-list-md">
@@ -86,7 +86,7 @@
                                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                     </svg>
                                 </span>
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                         <div class="k-list k-list-md">
diff --git a/tests/dropdownlist/dropdownlist-grouping-filtering.html b/tests/dropdownlist/dropdownlist-grouping-filtering.html
index a625d85c4f1..fcf58af5547 100644
--- a/tests/dropdownlist/dropdownlist-grouping-filtering.html
+++ b/tests/dropdownlist/dropdownlist-grouping-filtering.html
@@ -43,7 +43,7 @@
                                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                     </svg>
                                 </span>
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                         <div class="k-list k-list-md">
@@ -99,7 +99,7 @@
                                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                     </svg>
                                 </span>
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                         <div class="k-list k-list-md">
@@ -157,7 +157,7 @@
                                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                     </svg>
                                 </span>
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                         <div class="k-list k-list-md">
@@ -215,7 +215,7 @@
                                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                     </svg>
                                 </span>
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                         <div class="k-list k-list-md">
diff --git a/tests/dropdowntree/dropdowntree-opened.html b/tests/dropdowntree/dropdowntree-opened.html
index 1da00fac6fe..ba336c0a7fd 100644
--- a/tests/dropdowntree/dropdowntree-opened.html
+++ b/tests/dropdowntree/dropdowntree-opened.html
@@ -216,7 +216,7 @@
                                     </span>
                                 </span>
                                 <span class="k-input-separator k-input-separator-vertical"></span>
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                         <div class="k-treeview k-treeview-md">
@@ -313,7 +313,7 @@
                                     </span>
                                 </span>
                                 <span class="k-input-separator k-input-separator-vertical"></span>
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                         <div dir="rtl" class="k-treeview k-treeview-md">
diff --git a/tests/editor/editor-find-replace.html b/tests/editor/editor-find-replace.html
index 4339ffd124a..2c229f39355 100644
--- a/tests/editor/editor-find-replace.html
+++ b/tests/editor/editor-find-replace.html
@@ -66,7 +66,7 @@
                                     <label class="k-label k-form-label">Find What:</label>
                                     <div class="k-form-field-wrap">
                                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="editor">
+                                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="editor">
                                         </span>
                                     </div>
                                 </div>
@@ -75,25 +75,25 @@
                                         <ul class="k-search-options k-checkbox-list k-list-vertical">
                                             <li class="k-checkbox-list-item">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                                 <label class="k-checkbox-label">Match case</label>
                                             </li>
                                             <li class="k-checkbox-list-item">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                                 <label class="k-checkbox-label">Match whole word only</label>
                                             </li>
                                             <li class="k-checkbox-list-item">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                                 <label class="k-checkbox-label">Match cyclic (Wrap around)</label>
                                             </li>
                                             <li class="k-checkbox-list-item">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                                 <label class="k-checkbox-label">Regular Expression</label>
                                             </li>
@@ -161,7 +161,7 @@
                                     <label class="k-label k-form-label">Find What:</label>
                                     <div class="k-form-field-wrap">
                                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="editor">
+                                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="editor">
                                         </span>
                                     </div>
                                 </div>
@@ -169,7 +169,7 @@
                                     <label class="k-label k-form-label">Replace With:</label>
                                     <div class="k-form-field-wrap">
                                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="grid">
+                                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="grid">
                                         </span>
                                     </div>
                                 </div>
@@ -190,25 +190,25 @@
                                         <ul class="k-search-options k-checkbox-list k-list-vertical">
                                             <li class="k-checkbox-list-item">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                                 <label class="k-checkbox-label">Match case</label>
                                             </li>
                                             <li class="k-checkbox-list-item">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                                 <label class="k-checkbox-label">Match whole word only</label>
                                             </li>
                                             <li class="k-checkbox-list-item">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                                 <label class="k-checkbox-label">Match cyclic (Wrap around)</label>
                                             </li>
                                             <li class="k-checkbox-list-item">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                                 <label class="k-checkbox-label">Regular Expression</label>
                                             </li>
diff --git a/tests/editor/editor-image-editor.html b/tests/editor/editor-image-editor.html
index 3c44ecaa331..79e9486d776 100644
--- a/tests/editor/editor-image-editor.html
+++ b/tests/editor/editor-image-editor.html
@@ -40,7 +40,7 @@
                             <label class="k-label k-form-label">Web address:</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                         </div>
@@ -48,7 +48,7 @@
                             <label class="k-label k-form-label">Alternate text:</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                         </div>
@@ -56,7 +56,7 @@
                             <label class="k-label k-form-label">Width:</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                         </div>
@@ -64,7 +64,7 @@
                             <label class="k-label k-form-label">Height:</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                         </div>
diff --git a/tests/editor/editor-table-wizard.html b/tests/editor/editor-table-wizard.html
index ccb2cabc121..49c94d02007 100644
--- a/tests/editor/editor-table-wizard.html
+++ b/tests/editor/editor-table-wizard.html
@@ -62,7 +62,7 @@
                                         <label class="k-label k-form-label">Rows</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="3">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="3">
                                                 <span class="k-clear-value">
                                                     <span class="k-icon k-svg-icon k-svg-i-x">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -93,7 +93,7 @@
                                         <label class="k-label k-form-label">Columns</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="4">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="4">
                                                 <span class="k-clear-value">
                                                     <span class="k-icon k-svg-icon k-svg-i-x">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -124,7 +124,7 @@
                                         <label class="k-label k-form-label">Width</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                 <span class="k-spin-button k-input-spinner">
                                                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -163,7 +163,7 @@
                                         <label class="k-label k-form-label">Height</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Auto" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Auto" autocomplete="off" type="text" value="">
                                                 <span class="k-spin-button k-input-spinner">
                                                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -246,7 +246,7 @@
                                         <label class="k-label k-form-label">Cell spacing</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Auto" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Auto" autocomplete="off" type="text" value="">
                                                 <span class="k-spin-button k-input-spinner">
                                                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -270,7 +270,7 @@
                                         <label class="k-label k-form-label">Cell padding</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Auto" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Auto" autocomplete="off" type="text" value="">
                                                 <span class="k-spin-button k-input-spinner">
                                                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -313,7 +313,7 @@
                                         <label class="k-label k-form-label">Border width</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                                                 <span class="k-clear-value">
                                                     <span class="k-icon k-svg-icon k-svg-i-x">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -379,7 +379,7 @@
                                     <div class="k-form-field k-col-span-full">
                                         <div class="k-form-field-wrap">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                             <label class="k-checkbox-label">Collapse borders</label>
                                         </div>
@@ -437,7 +437,7 @@
                                         </label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                             </span>
                                         </div>
                                     </div>
@@ -446,7 +446,7 @@
                                         </label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                             </span>
                                         </div>
                                     </div>
@@ -458,7 +458,7 @@
                                                 </label>
                                                 <div class="k-form-field-wrap">
                                                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                     </span>
                                                 </div>
                                             </div>
@@ -488,7 +488,7 @@
                                                 <label class="k-label k-form-label">Header rows</label>
                                                 <div class="k-form-field-wrap">
                                                     <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="0">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="0">
                                                         <span class="k-clear-value">
                                                             <span class="k-icon k-svg-icon k-svg-i-x">
                                                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -519,7 +519,7 @@
                                                 <label class="k-label k-form-label">Header cols</label>
                                                 <div class="k-form-field-wrap">
                                                     <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="0">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="0">
                                                         <span class="k-clear-value">
                                                             <span class="k-icon k-svg-icon k-svg-i-x">
                                                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -609,7 +609,7 @@
                             <div class="k-form-field k-col-span-full">
                                 <div class="k-form-field-wrap">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <label class="k-checkbox-label">Apply to all cells</label>
                                 </div>
@@ -618,7 +618,7 @@
                                 <label class="k-label k-form-label">Width</label>
                                 <div class="k-form-field-wrap">
                                     <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                         <span class="k-spin-button k-input-spinner">
                                             <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -658,7 +658,7 @@
                                 <label class="k-label k-form-label">Height</label>
                                 <div class="k-form-field-wrap">
                                     <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                        <input type="text" class="k-input-inner" placeholder="Auto" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Auto" autocomplete="off" type="text" value="">
                                         <span class="k-spin-button k-input-spinner">
                                             <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -742,7 +742,7 @@
                                 <label class="k-label k-form-label">Cell spacing</label>
                                 <div class="k-form-field-wrap">
                                     <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                        <input type="text" class="k-input-inner" placeholder="Auto" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Auto" autocomplete="off" type="text" value="">
                                         <span class="k-spin-button k-input-spinner">
                                             <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -766,7 +766,7 @@
                                 <label class="k-label k-form-label">Cell padding</label>
                                 <div class="k-form-field-wrap">
                                     <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                        <input type="text" class="k-input-inner" placeholder="Auto" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Auto" autocomplete="off" type="text" value="">
                                         <span class="k-spin-button k-input-spinner">
                                             <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -790,7 +790,7 @@
                                 <label class="k-label k-form-label">Border width</label>
                                 <div class="k-form-field-wrap">
                                     <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                                         <span class="k-clear-value">
                                             <span class="k-icon k-svg-icon k-svg-i-x">
                                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -858,7 +858,7 @@
                                 </label>
                                 <div class="k-form-field-wrap">
                                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
@@ -867,7 +867,7 @@
                                 </label>
                                 <div class="k-form-field-wrap">
                                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
diff --git a/tests/filemanager/filemanager-contextmenu.html b/tests/filemanager/filemanager-contextmenu.html
index 6930f200c52..91539ec9095 100644
--- a/tests/filemanager/filemanager-contextmenu.html
+++ b/tests/filemanager/filemanager-contextmenu.html
@@ -91,7 +91,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
diff --git a/tests/filemanager/filemanager-drag-hint.html b/tests/filemanager/filemanager-drag-hint.html
index 6cfd1770f41..ebb7e988041 100644
--- a/tests/filemanager/filemanager-drag-hint.html
+++ b/tests/filemanager/filemanager-drag-hint.html
@@ -90,7 +90,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
diff --git a/tests/filemanager/filemanager-gridview-preview.html b/tests/filemanager/filemanager-gridview-preview.html
index eaa0249ef07..9b3a87de696 100644
--- a/tests/filemanager/filemanager-gridview-preview.html
+++ b/tests/filemanager/filemanager-gridview-preview.html
@@ -81,7 +81,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -322,7 +322,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -547,7 +547,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
diff --git a/tests/filemanager/filemanager-gridview.html b/tests/filemanager/filemanager-gridview.html
index 5d6341db881..f341f4f8065 100644
--- a/tests/filemanager/filemanager-gridview.html
+++ b/tests/filemanager/filemanager-gridview.html
@@ -81,7 +81,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -279,7 +279,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
diff --git a/tests/filemanager/filemanager-listview-preview.html b/tests/filemanager/filemanager-listview-preview.html
index 8d712f6f446..c6f02f278de 100644
--- a/tests/filemanager/filemanager-listview-preview.html
+++ b/tests/filemanager/filemanager-listview-preview.html
@@ -81,7 +81,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -258,7 +258,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -419,7 +419,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
diff --git a/tests/filemanager/filemanager-listview.html b/tests/filemanager/filemanager-listview.html
index ecd39db22b8..abbfbae0745 100644
--- a/tests/filemanager/filemanager-listview.html
+++ b/tests/filemanager/filemanager-listview.html
@@ -81,7 +81,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -215,7 +215,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
diff --git a/tests/filter/filter-preview.html b/tests/filter/filter-preview.html
index d07ab9ec760..dba505b1738 100644
--- a/tests/filter/filter-preview.html
+++ b/tests/filter/filter-preview.html
@@ -83,7 +83,7 @@
                                     </div>
                                     <div class="k-filter-value k-toolbar-item">
                                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="James" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="James" autocomplete="off" type="text" value="">
                                         </span>
                                     </div>
                                     <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -129,7 +129,7 @@
                                     </div>
                                     <div class="k-filter-value k-toolbar-item">
                                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="100,00" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="100,00" autocomplete="off" type="text" value="">
                                             <span class="k-spin-button k-input-spinner">
                                                 <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -232,7 +232,7 @@
                                     </div>
                                     <div class="k-filter-value k-toolbar-item">
                                         <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="1/21/2021" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="1/21/2021" autocomplete="off" type="text" value="">
                                             <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/filter/filter.html b/tests/filter/filter.html
index 4a77ecde61a..6f057407066 100644
--- a/tests/filter/filter.html
+++ b/tests/filter/filter.html
@@ -83,7 +83,7 @@
                                     </div>
                                     <div class="k-filter-value k-toolbar-item">
                                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="James" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="James" autocomplete="off" type="text" value="">
                                         </span>
                                     </div>
                                     <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -129,7 +129,7 @@
                                     </div>
                                     <div class="k-filter-value k-toolbar-item">
                                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="100,00" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="100,00" autocomplete="off" type="text" value="">
                                             <span class="k-spin-button k-input-spinner">
                                                 <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -232,7 +232,7 @@
                                     </div>
                                     <div class="k-filter-value k-toolbar-item">
                                         <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="1/21/2021" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="1/21/2021" autocomplete="off" type="text" value="">
                                             <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/floating-label/floating-label-flat.html b/tests/floating-label/floating-label-flat.html
index 0cec967780f..3f8eb1013d4 100644
--- a/tests/floating-label/floating-label-flat.html
+++ b/tests/floating-label/floating-label-flat.html
@@ -25,7 +25,7 @@
         <div>
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label without placeholder</label>
             </span>
@@ -33,7 +33,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label without placeholder</label>
             </span>
@@ -41,7 +41,7 @@
         <div>
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="placeholder" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label with placeholder</label>
             </span>
@@ -49,7 +49,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="placeholder" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label with placeholder</label>
             </span>
@@ -57,7 +57,7 @@
         <div>
             <span class="k-floating-label-container k-focus k-empty">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="placeholder" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label with placeholder focused</label>
             </span>
@@ -65,7 +65,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-focus k-empty">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="placeholder" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label with placeholder focused</label>
             </span>
@@ -73,7 +73,7 @@
         <div>
             <span class="k-floating-label-container">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -88,7 +88,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -103,7 +103,7 @@
         <div>
             <span class="k-floating-label-container k-hover">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-hover">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -118,7 +118,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-hover">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-hover">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -133,7 +133,7 @@
         <div>
             <span class="k-floating-label-container k-focus">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -148,7 +148,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-focus">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -163,7 +163,7 @@
         <div>
             <span class="k-floating-label-container k-valid">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                     <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -183,7 +183,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-valid">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                     <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -203,7 +203,7 @@
         <div>
             <span class="k-floating-label-container k-invalid">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                     <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -223,7 +223,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-invalid">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                     <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -243,7 +243,7 @@
         <div>
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
@@ -251,7 +251,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
@@ -259,7 +259,7 @@
         <div>
             <span class="k-floating-label-container k-disabled">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
@@ -267,7 +267,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-disabled">
                 <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
diff --git a/tests/floating-label/floating-label-input-sizes.html b/tests/floating-label/floating-label-input-sizes.html
index 0432d3be41e..ae532a009d5 100644
--- a/tests/floating-label/floating-label-input-sizes.html
+++ b/tests/floating-label/floating-label-input-sizes.html
@@ -28,7 +28,7 @@
         <div>
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
@@ -36,7 +36,7 @@
         <div>
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
@@ -44,7 +44,7 @@
         <div>
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-lg k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
@@ -86,7 +86,7 @@
                         </span>
                     </span>
                     <span class="k-input-separator k-input-separator-vertical"></span>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
@@ -102,7 +102,7 @@
                         </span>
                     </span>
                     <span class="k-input-separator k-input-separator-vertical"></span>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
@@ -118,7 +118,7 @@
                         </span>
                     </span>
                     <span class="k-input-separator k-input-separator-vertical"></span>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
diff --git a/tests/floating-label/floating-label-outline.html b/tests/floating-label/floating-label-outline.html
index 57fe21d21a7..e37d4440efa 100644
--- a/tests/floating-label/floating-label-outline.html
+++ b/tests/floating-label/floating-label-outline.html
@@ -25,7 +25,7 @@
         <div>
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label without placeholder</label>
             </span>
@@ -33,7 +33,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label without placeholder</label>
             </span>
@@ -41,7 +41,7 @@
         <div>
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="placeholder" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label with placeholder</label>
             </span>
@@ -49,7 +49,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="placeholder" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label with placeholder</label>
             </span>
@@ -57,7 +57,7 @@
         <div>
             <span class="k-floating-label-container k-focus k-empty">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="placeholder" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label with placeholder focused</label>
             </span>
@@ -65,7 +65,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-focus k-empty">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="placeholder" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label with placeholder focused</label>
             </span>
@@ -73,7 +73,7 @@
         <div>
             <span class="k-floating-label-container">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -88,7 +88,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -103,7 +103,7 @@
         <div>
             <span class="k-floating-label-container k-hover">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-hover">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -118,7 +118,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-hover">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-hover">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -133,7 +133,7 @@
         <div>
             <span class="k-floating-label-container k-focus">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -148,7 +148,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-focus">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -163,7 +163,7 @@
         <div>
             <span class="k-floating-label-container k-valid">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                     <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -183,7 +183,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-valid">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                     <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -203,7 +203,7 @@
         <div>
             <span class="k-floating-label-container k-invalid">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                     <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -223,7 +223,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-invalid">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                     <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -243,7 +243,7 @@
         <div>
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
@@ -251,7 +251,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
@@ -259,7 +259,7 @@
         <div>
             <span class="k-floating-label-container k-disabled">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
@@ -267,7 +267,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-disabled">
                 <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
diff --git a/tests/floating-label/floating-label-solid.html b/tests/floating-label/floating-label-solid.html
index 51f43b6799e..8adf79776f9 100644
--- a/tests/floating-label/floating-label-solid.html
+++ b/tests/floating-label/floating-label-solid.html
@@ -25,7 +25,7 @@
         <div>
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label without placeholder</label>
             </span>
@@ -33,7 +33,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label without placeholder</label>
             </span>
@@ -41,7 +41,7 @@
         <div>
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="placeholder" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label with placeholder</label>
             </span>
@@ -49,7 +49,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="placeholder" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label with placeholder</label>
             </span>
@@ -57,7 +57,7 @@
         <div>
             <span class="k-floating-label-container k-focus k-empty">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="placeholder" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label with placeholder focused</label>
             </span>
@@ -65,7 +65,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-focus k-empty">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="placeholder" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label with placeholder focused</label>
             </span>
@@ -73,7 +73,7 @@
         <div>
             <span class="k-floating-label-container">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -88,7 +88,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -103,7 +103,7 @@
         <div>
             <span class="k-floating-label-container k-hover">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-hover">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -118,7 +118,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-hover">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-hover">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -133,7 +133,7 @@
         <div>
             <span class="k-floating-label-container k-focus">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -148,7 +148,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-focus">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -163,7 +163,7 @@
         <div>
             <span class="k-floating-label-container k-valid">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                     <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -183,7 +183,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-valid">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                     <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -203,7 +203,7 @@
         <div>
             <span class="k-floating-label-container k-invalid">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                     <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -223,7 +223,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-invalid">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                     <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -243,7 +243,7 @@
         <div>
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
@@ -251,7 +251,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-empty">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
@@ -259,7 +259,7 @@
         <div>
             <span class="k-floating-label-container k-disabled">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
@@ -267,7 +267,7 @@
         <div dir="rtl">
             <span class="k-floating-label-container k-disabled">
                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 </span>
                 <label class="k-floating-label">Label</label>
             </span>
diff --git a/tests/form/form-field-dateinputs.html b/tests/form/form-field-dateinputs.html
index e8caaaa7184..99db1392a71 100644
--- a/tests/form/form-field-dateinputs.html
+++ b/tests/form/form-field-dateinputs.html
@@ -26,7 +26,7 @@
                     <label class="k-label k-form-label">DateInput:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                         </span>
                     </div>
                 </div>
@@ -34,7 +34,7 @@
                     <label class="k-label k-form-label">DatePicker:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -49,7 +49,7 @@
                     <label class="k-label k-form-label">DateTimePicker:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -66,13 +66,13 @@
                         <span class="k-daterangepicker">
                             <span class="k-floating-label-container">
                                 <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                 </span>
                                 <label class="k-floating-label">Start</label>
                             </span>
                             <span class="k-floating-label-container">
                                 <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                 </span>
                                 <label class="k-floating-label">End</label>
                             </span>
@@ -83,7 +83,7 @@
                     <label class="k-label k-form-label">TimePicker:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -102,7 +102,7 @@
                     <label class="k-label k-form-label">DateInput:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                         </span>
                     </div>
                 </div>
@@ -110,7 +110,7 @@
                     <label class="k-label k-form-label">DatePicker:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -125,7 +125,7 @@
                     <label class="k-label k-form-label">DateTimePicker:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -142,13 +142,13 @@
                         <span class="k-daterangepicker">
                             <span class="k-floating-label-container">
                                 <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                 </span>
                                 <label class="k-floating-label">Start</label>
                             </span>
                             <span class="k-floating-label-container">
                                 <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                 </span>
                                 <label class="k-floating-label">End</label>
                             </span>
@@ -159,7 +159,7 @@
                     <label class="k-label k-form-label">TimePicker:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/form/form-field-dropdowns.html b/tests/form/form-field-dropdowns.html
index d48fd2403af..4fe4660a71c 100644
--- a/tests/form/form-field-dropdowns.html
+++ b/tests/form/form-field-dropdowns.html
@@ -26,7 +26,7 @@
                     <label class="k-label k-form-label">AutoComplete:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" type="text" value="">
                         </span>
                     </div>
                 </div>
@@ -34,7 +34,7 @@
                     <label class="k-label k-form-label">ComboBox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="Combobox..." autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="Combobox..." autocomplete="off" type="text" value="">
                             <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -81,7 +81,7 @@
                                         </span>
                                     </div>
                                 </div>
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </div>
                             <span class="k-clear-value">
                                 <span class="k-icon k-svg-icon k-svg-i-x">
@@ -101,7 +101,7 @@
                     <label class="k-label k-form-label">AutoComplete:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" type="text" value="">
                         </span>
                     </div>
                 </div>
@@ -109,7 +109,7 @@
                     <label class="k-label k-form-label">ComboBox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="Combobox..." autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="Combobox..." autocomplete="off" type="text" value="">
                             <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -156,7 +156,7 @@
                                         </span>
                                     </div>
                                 </div>
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </div>
                             <span class="k-clear-value">
                                 <span class="k-icon k-svg-icon k-svg-i-x">
diff --git a/tests/form/form-field-fieldset.html b/tests/form/form-field-fieldset.html
index d21c05d5ef0..207e4a6bb7e 100644
--- a/tests/form/form-field-fieldset.html
+++ b/tests/form/form-field-fieldset.html
@@ -28,7 +28,7 @@
                         <label class="k-label k-form-label">First Name:</label>
                         <div class="k-form-field-wrap">
                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                     </div>
@@ -36,7 +36,7 @@
                         <label class="k-label k-form-label">Last Name:</label>
                         <div class="k-form-field-wrap">
                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                     </div>
@@ -47,7 +47,7 @@
                         <label class="k-label k-form-label">City:</label>
                         <div class="k-form-field-wrap">
                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                     </div>
@@ -70,7 +70,7 @@
                         <label class="k-label k-form-label">First Name:</label>
                         <div class="k-form-field-wrap">
                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                     </div>
@@ -78,7 +78,7 @@
                         <label class="k-label k-form-label">Last Name:</label>
                         <div class="k-form-field-wrap">
                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                     </div>
@@ -89,7 +89,7 @@
                         <label class="k-label k-form-label">City:</label>
                         <div class="k-form-field-wrap">
                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                     </div>
diff --git a/tests/form/form-field-inputs-rtl.html b/tests/form/form-field-inputs-rtl.html
index cb378a2e1ff..0b5c6b7f0f7 100644
--- a/tests/form/form-field-inputs-rtl.html
+++ b/tests/form/form-field-inputs-rtl.html
@@ -31,7 +31,7 @@
                     <label class="k-label k-form-label">Textbox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                         </span>
                     </div>
                 </div>
@@ -39,14 +39,14 @@
                     <label class="k-label k-form-label">Checkbox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-checkbox-wrap">
-                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                         </span>
                     </div>
                 </div>
                 <div class="k-form-field" dir="rtl">
                     <div class="k-form-field-wrap">
                         <span class="k-checkbox-wrap">
-                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                         </span>
                         <label class="k-checkbox-label">Label after the box</label>
                     </div>
@@ -57,13 +57,13 @@
                         <ul class="k-radio-list k-list-vertical">
                             <li class="k-radio-list-item">
                                 <span class="k-radio-wrap">
-                                    <input type="radio" class="k-radio k-radio-md">
+                                    <input class="k-radio k-radio-md" type="radio">
                                 </span>
                                 <label class="k-radio-label">Male</label>
                             </li>
                             <li class="k-radio-list-item">
                                 <span class="k-radio-wrap">
-                                    <input type="radio" class="k-radio k-radio-md">
+                                    <input class="k-radio k-radio-md" type="radio">
                                 </span>
                                 <label class="k-radio-label">Female</label>
                             </li>
@@ -76,13 +76,13 @@
                         <ul class="k-radio-list k-list-horizontal">
                             <li class="k-radio-list-item">
                                 <span class="k-radio-wrap">
-                                    <input type="radio" class="k-radio k-radio-md">
+                                    <input class="k-radio k-radio-md" type="radio">
                                 </span>
                                 <label class="k-radio-label">Male</label>
                             </li>
                             <li class="k-radio-list-item">
                                 <span class="k-radio-wrap">
-                                    <input type="radio" class="k-radio k-radio-md">
+                                    <input class="k-radio k-radio-md" type="radio">
                                 </span>
                                 <label class="k-radio-label">Female</label>
                             </li>
@@ -112,7 +112,7 @@
                     <label class="k-label k-form-label">MaskedTextBox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                         </span>
                     </div>
                 </div>
@@ -120,7 +120,7 @@
                     <label class="k-label k-form-label">NumericTextBox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             <span class="k-spin-button k-input-spinner">
                                 <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -204,7 +204,7 @@
                     <div class="k-form-field-wrap">
                         <span class="k-floating-label-container k-empty">
                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                             <label class="k-floating-label">FloatingLabel</label>
                         </span>
@@ -214,7 +214,7 @@
                     <div class="k-form-field-wrap">
                         <span class="k-floating-label-container k-focus k-empty">
                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                             <label class="k-floating-label">FloatingLabel (Focused)</label>
                         </span>
@@ -283,7 +283,7 @@
                     <label class="k-label k-form-label">Textbox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                         </span>
                     </div>
                 </div>
@@ -291,7 +291,7 @@
                     <label class="k-label k-form-label">Checkbox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-checkbox-wrap">
-                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                         </span>
                     </div>
                 </div>
@@ -299,7 +299,7 @@
                     <span class="k-label k-form-label k-label-empty"></span>
                     <div class="k-form-field-wrap">
                         <span class="k-checkbox-wrap">
-                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                         </span>
                         <label class="k-checkbox-label">Label after the box</label>
                     </div>
@@ -310,13 +310,13 @@
                         <ul class="k-radio-list k-list-vertical">
                             <li class="k-radio-list-item">
                                 <span class="k-radio-wrap">
-                                    <input type="radio" class="k-radio k-radio-md">
+                                    <input class="k-radio k-radio-md" type="radio">
                                 </span>
                                 <label class="k-radio-label">Male</label>
                             </li>
                             <li class="k-radio-list-item">
                                 <span class="k-radio-wrap">
-                                    <input type="radio" class="k-radio k-radio-md">
+                                    <input class="k-radio k-radio-md" type="radio">
                                 </span>
                                 <label class="k-radio-label">Female</label>
                             </li>
@@ -329,13 +329,13 @@
                         <ul class="k-radio-list k-list-horizontal">
                             <li class="k-radio-list-item">
                                 <span class="k-radio-wrap">
-                                    <input type="radio" class="k-radio k-radio-md">
+                                    <input class="k-radio k-radio-md" type="radio">
                                 </span>
                                 <label class="k-radio-label">Male</label>
                             </li>
                             <li class="k-radio-list-item">
                                 <span class="k-radio-wrap">
-                                    <input type="radio" class="k-radio k-radio-md">
+                                    <input class="k-radio k-radio-md" type="radio">
                                 </span>
                                 <label class="k-radio-label">Female</label>
                             </li>
@@ -365,7 +365,7 @@
                     <label class="k-label k-form-label">MaskedTextBox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                         </span>
                     </div>
                 </div>
@@ -373,7 +373,7 @@
                     <label class="k-label k-form-label">NumericTextBox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             <span class="k-spin-button k-input-spinner">
                                 <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -458,7 +458,7 @@
                     <div class="k-form-field-wrap">
                         <span class="k-floating-label-container k-empty">
                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                             <label class="k-floating-label">FloatingLabel</label>
                         </span>
@@ -469,7 +469,7 @@
                     <div class="k-form-field-wrap">
                         <span class="k-floating-label-container k-focus k-empty">
                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                             <label class="k-floating-label">FloatingLabel (Focused)</label>
                         </span>
diff --git a/tests/form/form-field-inputs.html b/tests/form/form-field-inputs.html
index 71776e4bd16..5db0983b158 100644
--- a/tests/form/form-field-inputs.html
+++ b/tests/form/form-field-inputs.html
@@ -31,7 +31,7 @@
                     <label class="k-label k-form-label">Textbox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                         </span>
                     </div>
                 </div>
@@ -39,14 +39,14 @@
                     <label class="k-label k-form-label">Checkbox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-checkbox-wrap">
-                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                         </span>
                     </div>
                 </div>
                 <div class="k-form-field">
                     <div class="k-form-field-wrap">
                         <span class="k-checkbox-wrap">
-                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                         </span>
                         <label class="k-checkbox-label">Label after the box</label>
                     </div>
@@ -57,13 +57,13 @@
                         <ul class="k-radio-list k-list-vertical">
                             <li class="k-radio-list-item">
                                 <span class="k-radio-wrap">
-                                    <input type="radio" class="k-radio k-radio-md">
+                                    <input class="k-radio k-radio-md" type="radio">
                                 </span>
                                 <label class="k-radio-label">Male</label>
                             </li>
                             <li class="k-radio-list-item">
                                 <span class="k-radio-wrap">
-                                    <input type="radio" class="k-radio k-radio-md">
+                                    <input class="k-radio k-radio-md" type="radio">
                                 </span>
                                 <label class="k-radio-label">Female</label>
                             </li>
@@ -76,13 +76,13 @@
                         <ul class="k-radio-list k-list-horizontal">
                             <li class="k-radio-list-item">
                                 <span class="k-radio-wrap">
-                                    <input type="radio" class="k-radio k-radio-md">
+                                    <input class="k-radio k-radio-md" type="radio">
                                 </span>
                                 <label class="k-radio-label">Male</label>
                             </li>
                             <li class="k-radio-list-item">
                                 <span class="k-radio-wrap">
-                                    <input type="radio" class="k-radio k-radio-md">
+                                    <input class="k-radio k-radio-md" type="radio">
                                 </span>
                                 <label class="k-radio-label">Female</label>
                             </li>
@@ -112,7 +112,7 @@
                     <label class="k-label k-form-label">MaskedTextBox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                         </span>
                     </div>
                 </div>
@@ -120,7 +120,7 @@
                     <label class="k-label k-form-label">NumericTextBox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             <span class="k-spin-button k-input-spinner">
                                 <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -204,7 +204,7 @@
                     <div class="k-form-field-wrap">
                         <span class="k-floating-label-container k-empty">
                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                             <label class="k-floating-label">FloatingLabel</label>
                         </span>
@@ -214,7 +214,7 @@
                     <div class="k-form-field-wrap">
                         <span class="k-floating-label-container k-focus k-empty">
                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                             <label class="k-floating-label">FloatingLabel (Focused)</label>
                         </span>
@@ -283,7 +283,7 @@
                     <label class="k-label k-form-label">Textbox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                         </span>
                     </div>
                 </div>
@@ -291,7 +291,7 @@
                     <label class="k-label k-form-label">Checkbox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-checkbox-wrap">
-                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                         </span>
                     </div>
                 </div>
@@ -299,7 +299,7 @@
                     <span class="k-label k-form-label k-label-empty"></span>
                     <div class="k-form-field-wrap">
                         <span class="k-checkbox-wrap">
-                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                         </span>
                         <label class="k-checkbox-label">Label after the box</label>
                     </div>
@@ -310,13 +310,13 @@
                         <ul class="k-radio-list k-list-vertical">
                             <li class="k-radio-list-item">
                                 <span class="k-radio-wrap">
-                                    <input type="radio" class="k-radio k-radio-md">
+                                    <input class="k-radio k-radio-md" type="radio">
                                 </span>
                                 <label class="k-radio-label">Male</label>
                             </li>
                             <li class="k-radio-list-item">
                                 <span class="k-radio-wrap">
-                                    <input type="radio" class="k-radio k-radio-md">
+                                    <input class="k-radio k-radio-md" type="radio">
                                 </span>
                                 <label class="k-radio-label">Female</label>
                             </li>
@@ -329,13 +329,13 @@
                         <ul class="k-radio-list k-list-horizontal">
                             <li class="k-radio-list-item">
                                 <span class="k-radio-wrap">
-                                    <input type="radio" class="k-radio k-radio-md">
+                                    <input class="k-radio k-radio-md" type="radio">
                                 </span>
                                 <label class="k-radio-label">Male</label>
                             </li>
                             <li class="k-radio-list-item">
                                 <span class="k-radio-wrap">
-                                    <input type="radio" class="k-radio k-radio-md">
+                                    <input class="k-radio k-radio-md" type="radio">
                                 </span>
                                 <label class="k-radio-label">Female</label>
                             </li>
@@ -365,7 +365,7 @@
                     <label class="k-label k-form-label">MaskedTextBox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                         </span>
                     </div>
                 </div>
@@ -373,7 +373,7 @@
                     <label class="k-label k-form-label">NumericTextBox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             <span class="k-spin-button k-input-spinner">
                                 <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -458,7 +458,7 @@
                     <div class="k-form-field-wrap">
                         <span class="k-floating-label-container k-empty">
                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                             <label class="k-floating-label">FloatingLabel</label>
                         </span>
@@ -469,7 +469,7 @@
                     <div class="k-form-field-wrap">
                         <span class="k-floating-label-container k-focus k-empty">
                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                             <label class="k-floating-label">FloatingLabel (Focused)</label>
                         </span>
diff --git a/tests/form/form-grid-layout.html b/tests/form/form-grid-layout.html
index 7a7364c0e8f..a50aaae9e75 100644
--- a/tests/form/form-grid-layout.html
+++ b/tests/form/form-grid-layout.html
@@ -23,7 +23,7 @@
                                 <label class="k-label k-form-label">First Name</label>
                                 <div class="k-form-field-wrap">
                                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="John">
+                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="John">
                                         <span class="k-clear-value">
                                             <span class="k-icon k-svg-icon k-svg-i-x">
                                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -38,7 +38,7 @@
                                 <label class="k-label k-form-label">Last Name</label>
                                 <div class="k-form-field-wrap">
                                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Doe">
+                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Doe">
                                         <span class="k-clear-value">
                                             <span class="k-icon k-svg-icon k-svg-i-x">
                                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -53,7 +53,7 @@
                                 <label class="k-label k-form-label">Email</label>
                                 <div class="k-form-field-wrap">
                                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="john.doe@email.com">
+                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="john.doe@email.com">
                                         <span class="k-clear-value">
                                             <span class="k-icon k-svg-icon k-svg-i-x">
                                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -90,7 +90,7 @@
                                 <label class="k-label k-form-label">City</label>
                                 <div class="k-form-field-wrap">
                                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
@@ -98,7 +98,7 @@
                                 <label class="k-label k-form-label">Address Line</label>
                                 <div class="k-form-field-wrap">
                                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
diff --git a/tests/form/form-misc.html b/tests/form/form-misc.html
index 8694bcd2ab4..0b57359eecd 100644
--- a/tests/form/form-misc.html
+++ b/tests/form/form-misc.html
@@ -28,7 +28,7 @@
                     </label>
                     <div class="k-form-field-wrap">
                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="Textbox..." autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="Textbox..." autocomplete="off" type="text" value="">
                         </span>
                         <div class="k-form-hint">Hint: hint message</div>
                         <div class="k-form-error">Error: error message</div>
@@ -39,7 +39,7 @@
                     </label>
                     <div class="k-form-field-wrap">
                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                            <input type="text" class="k-input-inner" placeholder="Textbox..." autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="Textbox..." autocomplete="off" type="text" value="">
                             <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                     <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -54,7 +54,7 @@
                     <label class="k-label k-form-label">Disabled:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Disabled">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Disabled">
                         </span>
                         <div class="k-form-hint">Hint: hint message</div>
                         <div class="k-form-error">Error: error message</div>
@@ -64,7 +64,7 @@
                     <label class="k-label k-form-label">Checkbox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-checkbox-wrap">
-                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                         </span>
                         <div class="k-form-hint">Hint: hint message</div>
                         <div class="k-form-error">Error: error message</div>
@@ -73,7 +73,7 @@
                 <div class="k-form-field">
                     <div class="k-form-field-wrap">
                         <span class="k-checkbox-wrap">
-                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                         </span>
                         <label class="k-checkbox-label">Label after the box</label>
                         <div class="k-form-hint">Hint: hint message</div>
@@ -98,7 +98,7 @@
                     </label>
                     <div class="k-form-field-wrap">
                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="Textbox..." autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="Textbox..." autocomplete="off" type="text" value="">
                         </span>
                         <div class="k-form-hint">Hint: hint message</div>
                         <div class="k-form-error">Error: error message</div>
@@ -109,7 +109,7 @@
                     </label>
                     <div class="k-form-field-wrap">
                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                            <input type="text" class="k-input-inner" placeholder="Textbox..." autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="Textbox..." autocomplete="off" type="text" value="">
                             <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                     <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -124,7 +124,7 @@
                     <label class="k-label k-form-label">Disabled:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Disabled">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Disabled">
                         </span>
                         <div class="k-form-hint">Hint: hint message</div>
                         <div class="k-form-error">Error: error message</div>
@@ -134,7 +134,7 @@
                     <label class="k-label k-form-label">Checkbox:</label>
                     <div class="k-form-field-wrap">
                         <span class="k-checkbox-wrap">
-                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                         </span>
                         <div class="k-form-hint">Hint: hint message</div>
                         <div class="k-form-error">Error: error message</div>
@@ -144,7 +144,7 @@
                     <span class="k-label k-form-label k-label-empty"></span>
                     <div class="k-form-field-wrap">
                         <span class="k-checkbox-wrap">
-                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                         </span>
                         <label class="k-checkbox-label">Label after the box</label>
                         <div class="k-form-hint">Hint: hint message</div>
diff --git a/tests/form/form-sizes.html b/tests/form/form-sizes.html
index 4cf7acacdc1..e5bee50af5f 100644
--- a/tests/form/form-sizes.html
+++ b/tests/form/form-sizes.html
@@ -34,7 +34,7 @@
                         <label class="k-label k-form-label">Label</label>
                         <div class="k-form-field-wrap">
                             <span class="k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                     </div>
@@ -62,19 +62,19 @@
                             <ul class="k-radio-list k-list-horizontal">
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-sm k-checked" checked="">
+                                        <input class="k-radio k-radio-sm k-checked" type="radio" checked="">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-sm">
+                                        <input class="k-radio k-radio-sm" type="radio">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-sm">
+                                        <input class="k-radio k-radio-sm" type="radio">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
@@ -100,7 +100,7 @@
                         <label class="k-label k-form-label">Label</label>
                         <div class="k-form-field-wrap">
                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                     </div>
@@ -128,19 +128,19 @@
                             <ul class="k-radio-list k-list-horizontal">
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-md k-checked" checked="">
+                                        <input class="k-radio k-radio-md k-checked" type="radio" checked="">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-md">
+                                        <input class="k-radio k-radio-md" type="radio">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-md">
+                                        <input class="k-radio k-radio-md" type="radio">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
@@ -166,7 +166,7 @@
                         <label class="k-label k-form-label">Label</label>
                         <div class="k-form-field-wrap">
                             <span class="k-textbox k-input k-input-lg k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                     </div>
@@ -194,19 +194,19 @@
                             <ul class="k-radio-list k-list-horizontal">
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-lg k-checked" checked="">
+                                        <input class="k-radio k-radio-lg k-checked" type="radio" checked="">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-lg">
+                                        <input class="k-radio k-radio-lg" type="radio">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-lg">
+                                        <input class="k-radio k-radio-lg" type="radio">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
@@ -233,7 +233,7 @@
                         <label class="k-label k-form-label">Label</label>
                         <div class="k-form-field-wrap">
                             <span class="k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                     </div>
@@ -261,19 +261,19 @@
                             <ul class="k-radio-list k-list-horizontal">
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-sm k-checked" checked="">
+                                        <input class="k-radio k-radio-sm k-checked" type="radio" checked="">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-sm">
+                                        <input class="k-radio k-radio-sm" type="radio">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-sm">
+                                        <input class="k-radio k-radio-sm" type="radio">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
@@ -299,7 +299,7 @@
                         <label class="k-label k-form-label">Label</label>
                         <div class="k-form-field-wrap">
                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                     </div>
@@ -327,19 +327,19 @@
                             <ul class="k-radio-list k-list-horizontal">
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-md k-checked" checked="">
+                                        <input class="k-radio k-radio-md k-checked" type="radio" checked="">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-md">
+                                        <input class="k-radio k-radio-md" type="radio">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-md">
+                                        <input class="k-radio k-radio-md" type="radio">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
@@ -365,7 +365,7 @@
                         <label class="k-label k-form-label">Label</label>
                         <div class="k-form-field-wrap">
                             <span class="k-textbox k-input k-input-lg k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                     </div>
@@ -393,19 +393,19 @@
                             <ul class="k-radio-list k-list-horizontal">
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-lg k-checked" checked="">
+                                        <input class="k-radio k-radio-lg k-checked" type="radio" checked="">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-lg">
+                                        <input class="k-radio k-radio-lg" type="radio">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
                                 <li class="k-radio-list-item">
                                     <span class="k-radio-wrap">
-                                        <input type="radio" class="k-radio k-radio-lg">
+                                        <input class="k-radio k-radio-lg" type="radio">
                                     </span>
                                     <label class="k-radio-label">Label</label>
                                 </li>
diff --git a/tests/gantt/gantt-editing-popup-general.html b/tests/gantt/gantt-editing-popup-general.html
index 7b2915eecb0..df973776458 100644
--- a/tests/gantt/gantt-editing-popup-general.html
+++ b/tests/gantt/gantt-editing-popup-general.html
@@ -79,7 +79,7 @@
                                         <label class="k-label k-form-label">Title</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Invalid">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Invalid">
                                                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -100,7 +100,7 @@
                                         <label class="k-label k-form-label">Planned Start Date</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="dd/MM/yyyy hh:mm AM" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="dd/MM/yyyy hh:mm AM" autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -115,7 +115,7 @@
                                         <label class="k-label k-form-label">Planned End Date</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="dd/MM/yyyy hh:mm AM" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="dd/MM/yyyy hh:mm AM" autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -130,7 +130,7 @@
                                         <label class="k-label k-form-label">Actual Start Date</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="dd/MM/yyyy hh:mm AM" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="dd/MM/yyyy hh:mm AM" autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -145,7 +145,7 @@
                                         <label class="k-label k-form-label">Actual End Date</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="dd/MM/yyyy hh:mm AM" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="dd/MM/yyyy hh:mm AM" autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -160,7 +160,7 @@
                                         <label class="k-label k-form-label">Complete</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                 <span class="k-spin-button k-input-spinner">
                                                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
diff --git a/tests/gantt/gantt-editing-popup-other.html b/tests/gantt/gantt-editing-popup-other.html
index 52030c7bd79..41f5af0d649 100644
--- a/tests/gantt/gantt-editing-popup-other.html
+++ b/tests/gantt/gantt-editing-popup-other.html
@@ -92,7 +92,7 @@
                                     <label class="k-label k-form-label">Text data field label</label>
                                     <div class="k-form-field-wrap">
                                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="Placeholder" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="Placeholder" autocomplete="off" type="text" value="">
                                         </span>
                                     </div>
                                 </div>
@@ -100,7 +100,7 @@
                                     <label class="k-label k-form-label">Date data field label</label>
                                     <div class="k-form-field-wrap">
                                         <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="dd/MM/yyyy" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="dd/MM/yyyy" autocomplete="off" type="text" value="">
                                             <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -115,7 +115,7 @@
                                     <label class="k-label k-form-label">Numeric data field label</label>
                                     <div class="k-form-field-wrap">
                                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="##,##" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="##,##" autocomplete="off" type="text" value="">
                                             <span class="k-spin-button k-input-spinner">
                                                 <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -138,7 +138,7 @@
                                 <div class="k-form-field">
                                     <div class="k-form-field-wrap">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                         </span>
                                         <label class="k-checkbox-label">Boolean data field label</label>
                                     </div>
diff --git a/tests/gantt/gantt-editing-popup-resources.html b/tests/gantt/gantt-editing-popup-resources.html
index 0846c2a1c86..0ff3b10c040 100644
--- a/tests/gantt/gantt-editing-popup-resources.html
+++ b/tests/gantt/gantt-editing-popup-resources.html
@@ -106,7 +106,7 @@
                                                         <th class="k-header k-table-th">
                                                             <span class="k-checkbox-wrap">
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                             </span>
                                                             <label class="k-checkbox-label"></label>
@@ -171,7 +171,7 @@
                                                         <td class="k-table-td">
                                                             <span class="k-checkbox-wrap">
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <label class="k-checkbox-label"></label>
                                                             </span>
@@ -190,7 +190,7 @@
                                                         </td>
                                                         <td class="k-table-td">
                                                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="40">
+                                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="40">
                                                                 <span class="k-clear-value">
                                                                     <span class="k-icon k-svg-icon k-svg-i-x">
                                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -221,7 +221,7 @@
                                                         <td class="k-table-td">
                                                             <span class="k-checkbox-wrap">
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <label class="k-checkbox-label"></label>
                                                             </span>
@@ -233,7 +233,7 @@
                                                         <td class="k-table-td">
                                                             <span class="k-checkbox-wrap">
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <label class="k-checkbox-label"></label>
                                                             </span>
@@ -245,7 +245,7 @@
                                                         <td class="k-table-td">
                                                             <span class="k-checkbox-wrap">
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <label class="k-checkbox-label"></label>
                                                             </span>
@@ -257,7 +257,7 @@
                                                         <td class="k-table-td">
                                                             <span class="k-checkbox-wrap">
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <label class="k-checkbox-label"></label>
                                                             </span>
@@ -269,7 +269,7 @@
                                                         <td class="k-table-td k-table-td">
                                                             <span class="k-checkbox-wrap">
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <label class="k-checkbox-label"></label>
                                                             </span>
diff --git a/tests/grid/grid-adaptive-filter-bool.html b/tests/grid/grid-adaptive-filter-bool.html
index f8c41fa9726..573f9e4ea9b 100644
--- a/tests/grid/grid-adaptive-filter-bool.html
+++ b/tests/grid/grid-adaptive-filter-bool.html
@@ -42,7 +42,7 @@
                                         <label class="k-item-title k-listgroup-form-field-label">is true</label>
                                         <span class="k-listgroup-form-field-wrapper">
                                             <span class="k-radio-wrap">
-                                                <input type="radio" class="k-radio k-radio-md k-checked" checked="">
+                                                <input class="k-radio k-radio-md k-checked" type="radio" checked="">
                                             </span>
                                         </span>
                                     </label>
@@ -52,7 +52,7 @@
                                         <label class="k-item-title k-listgroup-form-field-label">is false (focused state)</label>
                                         <span class="k-listgroup-form-field-wrapper">
                                             <span class="k-radio-wrap">
-                                                <input type="radio" class="k-radio k-radio-md">
+                                                <input class="k-radio k-radio-md" type="radio">
                                             </span>
                                         </span>
                                     </label>
diff --git a/tests/grid/grid-adaptive-filter-multi.html b/tests/grid/grid-adaptive-filter-multi.html
index 9d2bd4a5f11..5f0ef0fea8a 100644
--- a/tests/grid/grid-adaptive-filter-multi.html
+++ b/tests/grid/grid-adaptive-filter-multi.html
@@ -42,7 +42,7 @@
                                             <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                         </svg>
                                     </span>
-                                    <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                             <div class="k-filter-tools">
@@ -57,7 +57,7 @@
                                         <span class="k-item-title k-listgroup-form-field-label">Chai</span>
                                         <span class="k-listgroup-form-field-wrapper">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                             </span>
                                         </span>
                                     </label>
@@ -67,7 +67,7 @@
                                         <span class="k-item-title k-listgroup-form-field-label">Chang</span>
                                         <span class="k-listgroup-form-field-wrapper">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </span>
                                     </label>
diff --git a/tests/grid/grid-adaptive-filter.html b/tests/grid/grid-adaptive-filter.html
index fdbb102a1d9..e9ada19d511 100644
--- a/tests/grid/grid-adaptive-filter.html
+++ b/tests/grid/grid-adaptive-filter.html
@@ -63,7 +63,7 @@
                                         <span class="k-filter-logic-and-text k-listgroup-form-field-label">And</span>
                                         <span class="k-listgroup-form-field-wrapper">
                                             <span class="k-radio-wrap">
-                                                <input type="radio" class="k-radio k-radio-md k-checked" checked="">
+                                                <input class="k-radio k-radio-md k-checked" type="radio" checked="">
                                             </span>
                                         </span>
                                     </label>
@@ -73,7 +73,7 @@
                                         <span class="k-filter-logic-or-text k-listgroup-form-field-label">Or</span>
                                         <span class="k-listgroup-form-field-wrapper">
                                             <span class="k-radio-wrap">
-                                                <input type="radio" class="k-radio k-radio-md">
+                                                <input class="k-radio k-radio-md" type="radio">
                                             </span>
                                         </span>
                                     </label>
diff --git a/tests/grid/grid-adaptive-search.html b/tests/grid/grid-adaptive-search.html
index 5e7d77665be..b7c13073f1d 100644
--- a/tests/grid/grid-adaptive-search.html
+++ b/tests/grid/grid-adaptive-search.html
@@ -31,7 +31,7 @@
                                             <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                         </svg>
                                     </span>
-                                    <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                         </div>
@@ -60,7 +60,7 @@ <h4>RTL</h4>
                                             <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                         </svg>
                                     </span>
-                                    <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                         </div>
diff --git a/tests/grid/grid-angular.html b/tests/grid/grid-angular.html
index 6f004e098e5..b79e716cfa3 100644
--- a/tests/grid/grid-angular.html
+++ b/tests/grid/grid-angular.html
@@ -285,7 +285,7 @@
                                             </td>
                                             <td class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                                 <label class="k-checkbox-label"></label>
                                             </td>
@@ -311,7 +311,7 @@
                                             </td>
                                             <td class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                                 <label class="k-checkbox-label"></label>
                                             </td>
@@ -423,19 +423,19 @@
                             <div class="k-column-list">
                                 <label class="k-column-list-item">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <span class="k-checkbox-label">ID</span>
                                 </label>
                                 <label class="k-column-list-item">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <span class="k-checkbox-label">Name</span>
                                 </label>
                                 <label class="k-column-list-item">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <span class="k-checkbox-label">Category</span>
                                 </label>
diff --git a/tests/grid/grid-column-menu-angular.html b/tests/grid/grid-column-menu-angular.html
index 7d5ab0d59ac..b8b10735740 100644
--- a/tests/grid/grid-column-menu-angular.html
+++ b/tests/grid/grid-column-menu-angular.html
@@ -25,7 +25,7 @@
                                 <tr class="k-table-row">
                                     <th colspan="1" rowspan="1" class="k-header k-filterable k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" rowspan="1" class="k-header k-filterable k-table-th">
@@ -74,7 +74,7 @@
                                     <tr class="k-master-row k-table-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">Product1</td>
@@ -92,7 +92,7 @@
                                     <tr class="k-master-row k-table-row k-table-alt-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">Product2</td>
@@ -129,7 +129,7 @@ <h3>Sortable</h3>
                                 <tr class="k-table-row">
                                     <th colspan="1" rowspan="1" class="k-header k-filterable k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" rowspan="1" class="k-header k-filterable k-sorted k-table-th">
@@ -185,7 +185,7 @@ <h3>Sortable</h3>
                                     <tr class="k-master-row k-table-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">Product1</td>
@@ -203,7 +203,7 @@ <h3>Sortable</h3>
                                     <tr class="k-master-row k-table-row k-table-alt-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">Product2</td>
@@ -240,7 +240,7 @@ <h3>Sortable &amp; Resizable</h3>
                                 <tr class="k-table-row">
                                     <th colspan="1" rowspan="1" class="k-header k-filterable k-touch-action-none k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-column-resizer k-touch-action-none"></span>
                                     </th>
@@ -299,7 +299,7 @@ <h3>Sortable &amp; Resizable</h3>
                                     <tr class="k-master-row k-table-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">Product1</td>
@@ -317,7 +317,7 @@ <h3>Sortable &amp; Resizable</h3>
                                     <tr class="k-master-row k-table-row k-table-alt-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">Product2</td>
diff --git a/tests/grid/grid-column-menu-blazor.html b/tests/grid/grid-column-menu-blazor.html
index 7450adf1c85..fddd4257a3f 100644
--- a/tests/grid/grid-column-menu-blazor.html
+++ b/tests/grid/grid-column-menu-blazor.html
@@ -25,7 +25,7 @@
                                 <tr class="k-table-row">
                                     <th colspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" class="k-header k-filterable k-table-th">
@@ -139,7 +139,7 @@ <h3>Sortable</h3>
                                 <tr class="k-table-row">
                                     <th colspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" class="k-header k-filterable k-sorted k-table-th">
@@ -260,7 +260,7 @@ <h3>Sortable &amp; Resizable</h3>
                                 <tr class="k-table-row">
                                     <th colspan="1" class="k-header k-touch-action-none k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-column-resizer k-touch-action-none"></span>
                                     </th>
diff --git a/tests/grid/grid-column-menu-rtl.html b/tests/grid/grid-column-menu-rtl.html
index 2df51f55d02..c595fcac143 100644
--- a/tests/grid/grid-column-menu-rtl.html
+++ b/tests/grid/grid-column-menu-rtl.html
@@ -156,25 +156,25 @@
                                             <div class="k-column-list">
                                                 <label class="k-column-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-checkbox-label">Column 1</span>
                                                 </label>
                                                 <label class="k-column-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-checkbox-label">Column 2</span>
                                                 </label>
                                                 <label class="k-column-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-checkbox-label">Column 3</span>
                                                 </label>
                                                 <label class="k-column-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-checkbox-label">Column 4</span>
                                                 </label>
@@ -286,13 +286,13 @@
                                                 </span>
                                                 <label class="k-column-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-checkbox-label">Column 1</span>
                                                 </label>
                                                 <label class="k-column-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-checkbox-label">Column 2</span>
                                                 </label>
@@ -301,13 +301,13 @@
                                                 </span>
                                                 <label class="k-column-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-checkbox-label">Column 3</span>
                                                 </label>
                                                 <label class="k-column-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-checkbox-label">Column 4</span>
                                                 </label>
@@ -569,7 +569,7 @@
                                                     </button>
                                                 </span>
                                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                                                 </span>
                                                 <span class="k-filter-and k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
                                                     <span class="k-input-inner">
@@ -596,7 +596,7 @@
                                                     </button>
                                                 </span>
                                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                                                 </span>
                                                 <div class="k-actions k-actions-stretched k-actions-horizontal">
                                                     <button class="k-button k-button-md k-button-solid k-button-solid-primary k-rounded-md">
@@ -707,13 +707,13 @@
                                                             <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                                         </svg>
                                                     </span>
-                                                    <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                                                 </span>
                                                 <ul class="k-multicheck-wrap">
                                                     <li class="k-check-all-wrap k-item">
                                                         <label class="k-label k-checkbox-label">
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span>Select All</span>
                                                         </label>
@@ -721,7 +721,7 @@
                                                     <li class="k-item">
                                                         <label class="k-label k-checkbox-label">
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span>Column 1</span>
                                                         </label>
@@ -729,7 +729,7 @@
                                                     <li class="k-item">
                                                         <label class="k-label k-checkbox-label">
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span>Column 2</span>
                                                         </label>
@@ -737,7 +737,7 @@
                                                     <li class="k-item">
                                                         <label class="k-label k-checkbox-label">
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span>Column 3</span>
                                                         </label>
@@ -745,7 +745,7 @@
                                                     <li class="k-item">
                                                         <label class="k-label k-checkbox-label">
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span>Column 4 Column 4 Column 4 Column 4 Column 4 Column 4 Column 4 Column 4</span>
                                                         </label>
diff --git a/tests/grid/grid-column-menu-tabbed.html b/tests/grid/grid-column-menu-tabbed.html
index 1083947a845..6dc30c3673a 100644
--- a/tests/grid/grid-column-menu-tabbed.html
+++ b/tests/grid/grid-column-menu-tabbed.html
@@ -78,7 +78,7 @@
                                                 </button>
                                             </span>
                                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                                             </span>
                                             <span class="k-filter-and k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
                                                 <span class="k-input-inner">
@@ -105,7 +105,7 @@
                                                 </button>
                                             </span>
                                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                                             </span>
                                             <div class="k-actions k-actions-stretched k-actions-horizontal">
                                                 <button class="k-button k-button-md k-button-solid k-button-solid-primary k-rounded-md">
@@ -274,13 +274,13 @@
                                                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                                     </svg>
                                                 </span>
-                                                <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                                             </span>
                                             <ul class="k-multicheck-wrap">
                                                 <li class="k-check-all-wrap k-item">
                                                     <label class="k-label k-checkbox-label">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span>Select All</span>
                                                     </label>
@@ -288,7 +288,7 @@
                                                 <li class="k-item">
                                                     <label class="k-label k-checkbox-label">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span>Column</span>
                                                     </label>
@@ -296,7 +296,7 @@
                                                 <li class="k-item">
                                                     <label class="k-label k-checkbox-label">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span>Column</span>
                                                     </label>
@@ -304,7 +304,7 @@
                                                 <li class="k-item">
                                                     <label class="k-label k-checkbox-label">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span>Column</span>
                                                     </label>
@@ -312,7 +312,7 @@
                                                 <li class="k-item">
                                                     <label class="k-label k-checkbox-label">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span>Column</span>
                                                     </label>
@@ -320,7 +320,7 @@
                                                 <li class="k-item">
                                                     <label class="k-label k-checkbox-label">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span>Column</span>
                                                     </label>
@@ -328,7 +328,7 @@
                                                 <li class="k-item">
                                                     <label class="k-label k-checkbox-label">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span>Column</span>
                                                     </label>
@@ -336,7 +336,7 @@
                                                 <li class="k-item">
                                                     <label class="k-label k-checkbox-label">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span>Column</span>
                                                     </label>
@@ -344,7 +344,7 @@
                                                 <li class="k-item">
                                                     <label class="k-label k-checkbox-label">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span>Column</span>
                                                     </label>
@@ -352,7 +352,7 @@
                                                 <li class="k-item">
                                                     <label class="k-label k-checkbox-label">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span>Column</span>
                                                     </label>
@@ -360,7 +360,7 @@
                                                 <li class="k-item">
                                                     <label class="k-label k-checkbox-label">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span>Column</span>
                                                     </label>
@@ -368,7 +368,7 @@
                                                 <li class="k-item">
                                                     <label class="k-label k-checkbox-label">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span>Column</span>
                                                     </label>
@@ -376,7 +376,7 @@
                                                 <li class="k-item">
                                                     <label class="k-label k-checkbox-label">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span>Column</span>
                                                     </label>
@@ -384,7 +384,7 @@
                                                 <li class="k-item">
                                                     <label class="k-label k-checkbox-label">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span>Column</span>
                                                     </label>
@@ -455,7 +455,7 @@
                                                 </button>
                                             </span>
                                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                                             </span>
                                             <span class="k-filter-and k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
                                                 <span class="k-input-inner">
@@ -482,7 +482,7 @@
                                                 </button>
                                             </span>
                                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                                             </span>
                                             <div class="k-actions k-actions-stretched k-actions-horizontal">
                                                 <button class="k-button k-button-md k-button-solid k-button-solid-primary k-rounded-md">
@@ -536,7 +536,7 @@
                                                 </button>
                                             </span>
                                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                                             </span>
                                             <span class="k-filter-and k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
                                                 <span class="k-input-inner">
@@ -563,7 +563,7 @@
                                                 </button>
                                             </span>
                                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                                             </span>
                                             <div class="k-actions k-actions-stretched k-actions-horizontal">
                                                 <button class="k-button k-button-md k-button-solid k-button-solid-primary k-rounded-md">
diff --git a/tests/grid/grid-column-menu.html b/tests/grid/grid-column-menu.html
index 41944109f42..22c78cd0db6 100644
--- a/tests/grid/grid-column-menu.html
+++ b/tests/grid/grid-column-menu.html
@@ -156,25 +156,25 @@
                                             <div class="k-column-list">
                                                 <label class="k-column-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-checkbox-label">Column 1</span>
                                                 </label>
                                                 <label class="k-column-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-checkbox-label">Column 2</span>
                                                 </label>
                                                 <label class="k-column-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-checkbox-label">Column 3</span>
                                                 </label>
                                                 <label class="k-column-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-checkbox-label">Column 4</span>
                                                 </label>
@@ -286,13 +286,13 @@
                                                 </span>
                                                 <label class="k-column-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-checkbox-label">Column 1</span>
                                                 </label>
                                                 <label class="k-column-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-checkbox-label">Column 2</span>
                                                 </label>
@@ -301,13 +301,13 @@
                                                 </span>
                                                 <label class="k-column-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-checkbox-label">Column 3</span>
                                                 </label>
                                                 <label class="k-column-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-checkbox-label">Column 4</span>
                                                 </label>
@@ -569,7 +569,7 @@
                                                     </button>
                                                 </span>
                                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                                                 </span>
                                                 <span class="k-filter-and k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
                                                     <span class="k-input-inner">
@@ -596,7 +596,7 @@
                                                     </button>
                                                 </span>
                                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                                                 </span>
                                                 <div class="k-actions k-actions-stretched k-actions-horizontal">
                                                     <button class="k-button k-button-md k-button-solid k-button-solid-primary k-rounded-md">
@@ -707,13 +707,13 @@
                                                             <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                                         </svg>
                                                     </span>
-                                                    <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                                                 </span>
                                                 <ul class="k-multicheck-wrap">
                                                     <li class="k-check-all-wrap k-item">
                                                         <label class="k-label k-checkbox-label">
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span>Select All</span>
                                                         </label>
@@ -721,7 +721,7 @@
                                                     <li class="k-item">
                                                         <label class="k-label k-checkbox-label">
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span>Column 1</span>
                                                         </label>
@@ -729,7 +729,7 @@
                                                     <li class="k-item">
                                                         <label class="k-label k-checkbox-label">
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span>Column 2</span>
                                                         </label>
@@ -737,7 +737,7 @@
                                                     <li class="k-item">
                                                         <label class="k-label k-checkbox-label">
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span>Column 3</span>
                                                         </label>
@@ -745,7 +745,7 @@
                                                     <li class="k-item">
                                                         <label class="k-label k-checkbox-label">
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span>Column 4 Column 4 Column 4 Column 4 Column 4 Column 4 Column 4 Column 4</span>
                                                         </label>
diff --git a/tests/grid/grid-column-resizing-actions.html b/tests/grid/grid-column-resizing-actions.html
index 4c086a7e635..a5d7afe6c66 100644
--- a/tests/grid/grid-column-resizing-actions.html
+++ b/tests/grid/grid-column-resizing-actions.html
@@ -337,7 +337,7 @@
                             <label class="k-label k-form-label">Value in px</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="412">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="412">
                                     <span class="k-clear-value">
                                         <span class="k-icon k-svg-icon k-svg-i-x">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -351,7 +351,7 @@
                         <div class="k-form-field">
                             <div class="k-form-field-wrap">
                                 <span class="k-checkbox-wrap">
-                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                 </span>
                                 <label class="k-checkbox-label">Autofit to content</label>
                             </div>
diff --git a/tests/grid/grid-editing-custom-editor.html b/tests/grid/grid-editing-custom-editor.html
index 5efb33dfb75..5f0c5f807ff 100644
--- a/tests/grid/grid-editing-custom-editor.html
+++ b/tests/grid/grid-editing-custom-editor.html
@@ -75,12 +75,12 @@
                                         <td class="k-table-td">LTR</td>
                                         <td class="k-table-td">
                                             <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" type="text" value="">
                                             </span>
                                         </td>
                                         <td class="k-table-td">
                                             <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Combobox..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Combobox..." autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -106,7 +106,7 @@
                                             <span class="k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                                                 <div class="k-input-values">
                                                     <div class="k-chip-list k-chip-list-md"></div>
-                                                    <input type="text" class="k-input-inner" placeholder="Multiselect..." autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="Multiselect..." autocomplete="off" type="text" value="">
                                                 </div>
                                             </span>
                                         </td>
@@ -115,12 +115,12 @@
                                         <td class="k-table-td">RTL</td>
                                         <td class="k-table-td">
                                             <span class="k-rtl k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" type="text" value="">
                                             </span>
                                         </td>
                                         <td class="k-table-td">
                                             <span class="k-rtl k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Combobox..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Combobox..." autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -146,7 +146,7 @@
                                             <span class="k-rtl k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                                                 <div class="k-input-values">
                                                     <div class="k-chip-list k-chip-list-md"></div>
-                                                    <input type="text" class="k-input-inner" placeholder="Multiselect..." autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="Multiselect..." autocomplete="off" type="text" value="">
                                                 </div>
                                             </span>
                                         </td>
@@ -222,7 +222,7 @@
                                         <td class="k-table-td">LTR</td>
                                         <td class="k-table-td">
                                             <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="DatePicker..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="DatePicker..." autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -234,7 +234,7 @@
                                         </td>
                                         <td class="k-table-td">
                                             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="TimePicker..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="TimePicker..." autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -246,7 +246,7 @@
                                         </td>
                                         <td class="k-table-td">
                                             <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="DateTimePicker..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="DateTimePicker..." autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -258,7 +258,7 @@
                                         </td>
                                         <td class="k-table-td">
                                             <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="DateInput..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="DateInput..." autocomplete="off" type="text" value="">
                                             </span>
                                         </td>
                                     </tr>
@@ -266,7 +266,7 @@
                                         <td class="k-table-td">RTL</td>
                                         <td class="k-table-td">
                                             <span class="k-rtl k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="DatePicker..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="DatePicker..." autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -278,7 +278,7 @@
                                         </td>
                                         <td class="k-table-td">
                                             <span class="k-rtl k-timepicker k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="TimePicker..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="TimePicker..." autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -290,7 +290,7 @@
                                         </td>
                                         <td class="k-table-td">
                                             <span class="k-rtl k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="DateTimePicker..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="DateTimePicker..." autocomplete="off" type="text" value="">
                                                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -302,7 +302,7 @@
                                         </td>
                                         <td class="k-table-td">
                                             <span class="k-rtl k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="DateInput..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="DateInput..." autocomplete="off" type="text" value="">
                                             </span>
                                         </td>
                                     </tr>
@@ -362,7 +362,7 @@
                                         <td class="k-table-td">LTR</td>
                                         <td class="k-table-td">
                                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Numeric..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Numeric..." autocomplete="off" type="text" value="">
                                                 <span class="k-spin-button k-input-spinner">
                                                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -395,7 +395,7 @@
                                         <td class="k-table-td">RTL</td>
                                         <td class="k-table-td">
                                             <span class="k-rtl k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Numeric..." autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Numeric..." autocomplete="off" type="text" value="">
                                                 <span class="k-spin-button k-input-spinner">
                                                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
diff --git a/tests/grid/grid-editing-inline-angular.html b/tests/grid/grid-editing-inline-angular.html
index 0599278e59e..cc3fc16e4d0 100644
--- a/tests/grid/grid-editing-inline-angular.html
+++ b/tests/grid/grid-editing-inline-angular.html
@@ -36,7 +36,7 @@ <h3>Edit Row</h3>
                                 <tr class="k-table-row">
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
@@ -71,12 +71,12 @@ <h3>Edit Row</h3>
                                     <tr class="k-master-row k-grid-edit-row k-table-row" role="row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-command-cell k-table-td">
@@ -91,7 +91,7 @@ <h3>Edit Row</h3>
                                     <tr class="k-master-row k-table-row k-table-alt-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">Product2</td>
@@ -136,7 +136,7 @@ <h3>New Row</h3>
                                 <tr class="k-table-row">
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
@@ -172,7 +172,7 @@ <h3>New Row</h3>
                                         <td colspan="1" class="k-table-td"></td>
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-command-cell k-table-td">
@@ -187,7 +187,7 @@ <h3>New Row</h3>
                                     <tr class="k-master-row k-table-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">Product1</td>
@@ -203,7 +203,7 @@ <h3>New Row</h3>
                                     <tr class="k-master-row k-table-row k-table-alt-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">Product2</td>
diff --git a/tests/grid/grid-editing-inline-blazor.html b/tests/grid/grid-editing-inline-blazor.html
index 88df9c44c39..e49635999b5 100644
--- a/tests/grid/grid-editing-inline-blazor.html
+++ b/tests/grid/grid-editing-inline-blazor.html
@@ -36,7 +36,7 @@ <h3>Edit Row</h3>
                                 <tr class="k-table-row">
                                     <th colspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" class="k-header k-table-th">
@@ -79,7 +79,7 @@ <h3>Edit Row</h3>
                                             </td>
                                             <td colspan="0" class="k-grid-edit-cell k-table-td">
                                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                 </span>
                                             </td>
                                             <td colspan="0" class="k-command-cell k-table-td">
@@ -166,7 +166,7 @@ <h3>New Row</h3>
                                 <tr class="k-table-row">
                                     <th colspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" class="k-header k-table-th">
@@ -209,7 +209,7 @@ <h3>New Row</h3>
                                             </td>
                                             <td colspan="0" class="k-grid-edit-cell k-table-td">
                                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                 </span>
                                             </td>
                                             <td colspan="0" class="k-command-cell k-table-td">
diff --git a/tests/grid/grid-editing-popup.html b/tests/grid/grid-editing-popup.html
index 0c7bdc9bef9..f8164faad0c 100644
--- a/tests/grid/grid-editing-popup.html
+++ b/tests/grid/grid-editing-popup.html
@@ -55,7 +55,7 @@
                             <label class="k-label k-form-label">Text data field label</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Invalid">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Invalid">
                                     <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                             <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -76,7 +76,7 @@
                             <label class="k-label k-form-label">Date data field label</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="dd/MM/yyyy" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="dd/MM/yyyy" autocomplete="off" type="text" value="">
                                     <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -91,7 +91,7 @@
                             <label class="k-label k-form-label">Numeric data field label</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="##,###" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="##,###" autocomplete="off" type="text" value="">
                                     <span class="k-spin-button k-input-spinner">
                                         <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -114,7 +114,7 @@
                         <div class="k-form-field">
                             <div class="k-form-field-wrap">
                                 <span class="k-checkbox-wrap">
-                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                    <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                 </span>
                                 <label class="k-checkbox-label">Boolean data field label</label>
                             </div>
diff --git a/tests/grid/grid-editing.html b/tests/grid/grid-editing.html
index ec2f39ad4cb..68a3feae635 100644
--- a/tests/grid/grid-editing.html
+++ b/tests/grid/grid-editing.html
@@ -76,7 +76,7 @@
                                     <tr class="k-master-row k-grid-add-row k-grid-edit-row k-table-row">
                                         <td class="k-table-td">
                                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Towel">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Towel">
                                                 <span class="k-clear-value">
                                                     <span class="k-icon k-svg-icon k-svg-i-x">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -88,7 +88,7 @@
                                         </td>
                                         <td class="k-table-td">
                                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="42">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="42">
                                                 <span class="k-clear-value">
                                                     <span class="k-icon k-svg-icon k-svg-i-x">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -116,7 +116,7 @@
                                         </td>
                                         <td class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td class="k-command-cell k-table-td">
@@ -218,7 +218,7 @@
                                 <tr class="k-master-row k-grid-edit-row k-table-row">
                                     <td class="k-table-td">
                                         <span required="" class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Towel">
+                                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Towel">
                                             <span class="k-clear-value">
                                                 <span class="k-icon k-svg-icon k-svg-i-x">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -230,7 +230,7 @@
                                     </td>
                                     <td class="k-table-td">
                                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                             <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                     <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -265,7 +265,7 @@
                                     </td>
                                     <td class="k-table-td">
                                         <span class="k-checkbox-wrap">
-                                            <input id="e77452cd-b3b5-4dc9-8210-17007584b695" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input id="e77452cd-b3b5-4dc9-8210-17007584b695" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <label class="k-checkbox-label" for="e77452cd-b3b5-4dc9-8210-17007584b695"></label>
                                     </td>
diff --git a/tests/grid/grid-filter-menu-angular.html b/tests/grid/grid-filter-menu-angular.html
index 65ff266fa58..9ccb8acf488 100644
--- a/tests/grid/grid-filter-menu-angular.html
+++ b/tests/grid/grid-filter-menu-angular.html
@@ -25,7 +25,7 @@
                                 <tr class="k-table-row">
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" rowspan="1" class="k-header k-filterable k-table-th">
@@ -67,7 +67,7 @@
                                     <tr class="k-master-row k-table-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">Product1</td>
@@ -85,7 +85,7 @@
                                     <tr class="k-master-row k-table-row k-table-alt-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">Product2</td>
@@ -122,7 +122,7 @@ <h3>Sortable</h3>
                                 <tr class="k-table-row">
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" rowspan="1" class="k-header k-filterable k-sorted k-table-th">
@@ -171,7 +171,7 @@ <h3>Sortable</h3>
                                     <tr class="k-master-row k-table-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">Product1</td>
@@ -189,7 +189,7 @@ <h3>Sortable</h3>
                                     <tr class="k-master-row k-table-row k-table-alt-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">Product2</td>
@@ -226,7 +226,7 @@ <h3>Sortable &amp; Resizable</h3>
                                 <tr class="k-table-row">
                                     <th colspan="1" rowspan="1" class="k-header k-touch-action-none k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-column-resizer k-touch-action-none"></span>
                                     </th>
@@ -278,7 +278,7 @@ <h3>Sortable &amp; Resizable</h3>
                                     <tr class="k-master-row k-table-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">Product1</td>
@@ -296,7 +296,7 @@ <h3>Sortable &amp; Resizable</h3>
                                     <tr class="k-master-row k-table-row k-table-alt-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">Product2</td>
diff --git a/tests/grid/grid-filter-menu-blazor.html b/tests/grid/grid-filter-menu-blazor.html
index cc70924dd11..e4917b730a7 100644
--- a/tests/grid/grid-filter-menu-blazor.html
+++ b/tests/grid/grid-filter-menu-blazor.html
@@ -25,7 +25,7 @@
                                 <tr class="k-table-row">
                                     <th colspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" class="k-header k-filterable k-table-th">
@@ -132,7 +132,7 @@ <h3>Sortable</h3>
                                 <tr class="k-table-row">
                                     <th colspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" class="k-header k-filterable k-sorted k-table-th">
@@ -246,7 +246,7 @@ <h3>Sortable &amp; Resizable</h3>
                                 <tr class="k-table-row">
                                     <th colspan="1" class="k-header k-touch-action-none k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-column-resizer k-touch-action-none"></span>
                                     </th>
diff --git a/tests/grid/grid-filter-menu-multi-checkbox.html b/tests/grid/grid-filter-menu-multi-checkbox.html
index c8af068e814..5900cdf8c78 100644
--- a/tests/grid/grid-filter-menu-multi-checkbox.html
+++ b/tests/grid/grid-filter-menu-multi-checkbox.html
@@ -39,13 +39,13 @@
                                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                     </svg>
                                 </span>
-                                <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                             </span>
                             <ul class="k-reset k-multicheck-wrap">
                                 <li class="k-item k-check-all-wrap">
                                     <label class="k-label k-checkbox-label">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span>Select All</span>
                                     </label>
@@ -53,7 +53,7 @@
                                 <li class="k-item">
                                     <label class="k-label k-checkbox-label">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span>Chai</span>
                                     </label>
@@ -61,7 +61,7 @@
                                 <li class="k-item">
                                     <label class="k-label k-checkbox-label">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span>Chang</span>
                                     </label>
@@ -69,7 +69,7 @@
                                 <li class="k-item">
                                     <label class="k-label k-checkbox-label">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span>Aniseed Syrup Aniseed Syrup Aniseed Syrup Aniseed Syrup </span>
                                     </label>
@@ -100,13 +100,13 @@
                                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                     </svg>
                                 </span>
-                                <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                             </span>
                             <ul class="k-reset k-multicheck-wrap">
                                 <li class="k-item k-check-all-wrap">
                                     <label class="k-label k-checkbox-label">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span>Select All</span>
                                     </label>
@@ -114,7 +114,7 @@
                                 <li class="k-item">
                                     <label class="k-label k-checkbox-label">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span>Chai</span>
                                     </label>
@@ -122,7 +122,7 @@
                                 <li class="k-item">
                                     <label class="k-label k-checkbox-label">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span>Chang</span>
                                     </label>
@@ -130,7 +130,7 @@
                                 <li class="k-item">
                                     <label class="k-label k-checkbox-label">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span>Aniseed Syrup Aniseed Syrup Aniseed Syrup Aniseed Syrup </span>
                                     </label>
@@ -162,7 +162,7 @@
                                 <li class="k-item">
                                     <label class="k-label k-checkbox-label">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span>is true</span>
                                     </label>
@@ -170,7 +170,7 @@
                                 <li class="k-item">
                                     <label class="k-label k-checkbox-label">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span>is true</span>
                                     </label>
@@ -178,7 +178,7 @@
                                 <li class="k-item">
                                     <label class="k-label k-checkbox-label">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span>is undefined</span>
                                     </label>
@@ -207,7 +207,7 @@
                                 <li class="k-item">
                                     <label class="k-label k-checkbox-label">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span>is true</span>
                                     </label>
@@ -215,7 +215,7 @@
                                 <li class="k-item">
                                     <label class="k-label k-checkbox-label">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span>is true</span>
                                     </label>
@@ -223,7 +223,7 @@
                                 <li class="k-item">
                                     <label class="k-label k-checkbox-label">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span>is undefined</span>
                                     </label>
diff --git a/tests/grid/grid-filter-menu.html b/tests/grid/grid-filter-menu.html
index 44e2512a535..3aa2963ac61 100644
--- a/tests/grid/grid-filter-menu.html
+++ b/tests/grid/grid-filter-menu.html
@@ -41,7 +41,7 @@
                                 </button>
                             </span>
                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                 <span class="k-spin-button k-input-spinner">
                                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -84,7 +84,7 @@
                                 </button>
                             </span>
                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                 <span class="k-spin-button k-input-spinner">
                                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
diff --git a/tests/grid/grid-filter-row-angular.html b/tests/grid/grid-filter-row-angular.html
index 7f2727f5d9c..e211df459ef 100644
--- a/tests/grid/grid-filter-row-angular.html
+++ b/tests/grid/grid-filter-row-angular.html
@@ -27,7 +27,7 @@ <h3>Base</h3>
                                 <tr class="k-table-row">
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
@@ -58,7 +58,7 @@ <h3>Base</h3>
                                         <div class="k-filtercell">
                                             <div class="k-filtercell-wrapper">
                                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                     <span class="k-spin-button k-input-spinner">
                                                         <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -102,7 +102,7 @@ <h3>Base</h3>
                                         <div class="k-filtercell">
                                             <div class="k-filtercell-wrapper">
                                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                 </span>
                                                 <div class="k-filtercell-operator">
                                                     <span class="k-dropdown-operator k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
@@ -146,7 +146,7 @@ <h3>Base</h3>
                                     <tr class="k-master-row k-table-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">1</td>
@@ -165,7 +165,7 @@ <h3>Base</h3>
                                     <tr class="k-master-row k-table-row k-table-alt-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">2</td>
@@ -214,7 +214,7 @@ <h3>With Toolbar</h3>
                                 <tr class="k-table-row">
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
@@ -245,7 +245,7 @@ <h3>With Toolbar</h3>
                                         <div class="k-filtercell">
                                             <div class="k-filtercell-wrapper">
                                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                     <span class="k-spin-button k-input-spinner">
                                                         <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -289,7 +289,7 @@ <h3>With Toolbar</h3>
                                         <div class="k-filtercell">
                                             <div class="k-filtercell-wrapper">
                                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                 </span>
                                                 <div class="k-filtercell-operator">
                                                     <span class="k-dropdown-operator k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
@@ -333,7 +333,7 @@ <h3>With Toolbar</h3>
                                     <tr class="k-master-row k-table-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">1</td>
@@ -352,7 +352,7 @@ <h3>With Toolbar</h3>
                                     <tr class="k-master-row k-table-row k-table-alt-row">
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">2</td>
diff --git a/tests/grid/grid-filter-row-blazor.html b/tests/grid/grid-filter-row-blazor.html
index 78466d90280..5497b3477a4 100644
--- a/tests/grid/grid-filter-row-blazor.html
+++ b/tests/grid/grid-filter-row-blazor.html
@@ -27,7 +27,7 @@ <h3>Base</h3>
                                 <tr class="k-table-row">
                                     <th colspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" class="k-header k-table-th">
@@ -62,7 +62,7 @@ <h3>Base</h3>
                                         <div class="k-filtercell">
                                             <div class="k-filtercell-wrapper">
                                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                     <span class="k-spin-button k-input-spinner">
                                                         <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -106,7 +106,7 @@ <h3>Base</h3>
                                         <div class="k-filtercell">
                                             <div class="k-filtercell-wrapper">
                                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="p">
+                                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="p">
                                                 </span>
                                                 <div class="k-filtercell-operator">
                                                     <span class="k-dropdown-operator k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
@@ -232,7 +232,7 @@ <h3>With Toolbar</h3>
                                 <tr class="k-table-row">
                                     <th colspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" class="k-header k-table-th">
@@ -267,7 +267,7 @@ <h3>With Toolbar</h3>
                                         <div class="k-filtercell">
                                             <div class="k-filtercell-wrapper">
                                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                     <span class="k-spin-button k-input-spinner">
                                                         <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -311,7 +311,7 @@ <h3>With Toolbar</h3>
                                         <div class="k-filtercell">
                                             <div class="k-filtercell-wrapper">
                                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="p">
+                                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="p">
                                                 </span>
                                                 <div class="k-filtercell-operator">
                                                     <span class="k-dropdown-operator k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
diff --git a/tests/grid/grid-filter-row.html b/tests/grid/grid-filter-row.html
index be8a85450b6..7d7a94fc0e0 100644
--- a/tests/grid/grid-filter-row.html
+++ b/tests/grid/grid-filter-row.html
@@ -81,7 +81,7 @@
                                         <span class="k-filtercell">
                                             <span>
                                                 <span class="k-autocomplete k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="Autocomplete..." autocomplete="off" type="text" value="">
                                                 </span>
                                                 <span class="k-dropdown-operator k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
                                                     <span class="k-input-inner"></span>
@@ -124,7 +124,7 @@
                                         <span class="k-filtercell">
                                             <span>
                                                 <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="Combobox..." autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="Combobox..." autocomplete="off" type="text" value="">
                                                     <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -224,7 +224,7 @@
                                         <span class="k-filtercell">
                                             <span>
                                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="Numeric..." autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="Numeric..." autocomplete="off" type="text" value="">
                                                     <span class="k-spin-button k-input-spinner">
                                                         <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -283,7 +283,7 @@
                                         <span class="k-filtercell">
                                             <span>
                                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="Textbox..." autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="Textbox..." autocomplete="off" type="text" value="">
                                                 </span>
                                                 <span class="k-dropdown-operator k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
                                                     <span class="k-input-inner"></span>
@@ -327,7 +327,7 @@
                                         <span class="k-filtercell">
                                             <span>
                                                 <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="Datepicker..." autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="Datepicker..." autocomplete="off" type="text" value="">
                                                     <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -377,7 +377,7 @@
                                         <span class="k-filtercell">
                                             <span>
                                                 <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="TimePicker..." autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="TimePicker..." autocomplete="off" type="text" value="">
                                                     <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -427,7 +427,7 @@
                                         <span class="k-filtercell">
                                             <span>
                                                 <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="DateTimePicker..." autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="DateTimePicker..." autocomplete="off" type="text" value="">
                                                     <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -519,7 +519,7 @@
                                             <div class="k-filtercell">
                                                 <div class="k-filtercell-wrapper">
                                                     <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                         <span class="k-spin-button k-input-spinner">
                                                             <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -563,7 +563,7 @@
                                             <div class="k-filtercell">
                                                 <div class="k-filtercell-wrapper">
                                                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                     </span>
                                                     <div class="k-filtercell-operator">
                                                         <span class="k-dropdown-operator k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
@@ -591,7 +591,7 @@
                                             <div class="k-filtercell">
                                                 <div class="k-filtercell-wrapper">
                                                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                     </span>
                                                     <div class="k-filtercell-operator">
                                                         <span class="k-dropdown-operator k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
@@ -619,7 +619,7 @@
                                             <div class="k-filtercell">
                                                 <div class="k-filtercell-wrapper">
                                                     <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                         <span class="k-spin-button k-input-spinner">
                                                             <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
diff --git a/tests/grid/grid-grouping-blazor.html b/tests/grid/grid-grouping-blazor.html
index c6b8e19fa36..c44fea4728b 100644
--- a/tests/grid/grid-grouping-blazor.html
+++ b/tests/grid/grid-grouping-blazor.html
@@ -30,7 +30,7 @@ <h3>Base</h3>
                                 <tr class="k-table-row">
                                     <th colspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" class="k-header k-table-th">
@@ -162,7 +162,7 @@ <h3>Single Group</h3>
                                     <th colspan="1" rowspan="1" class="k-group-cell k-header k-table-th"></th>
                                     <th colspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" class="k-header k-table-th">
@@ -335,7 +335,7 @@ <h3>Two Groups</h3>
                                     <th colspan="1" rowspan="1" class="k-group-cell k-header k-table-th"></th>
                                     <th colspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" class="k-header k-table-th">
diff --git a/tests/grid/grid-grouping-detail-template.html b/tests/grid/grid-grouping-detail-template.html
index 4b693440aeb..c0bf795b727 100644
--- a/tests/grid/grid-grouping-detail-template.html
+++ b/tests/grid/grid-grouping-detail-template.html
@@ -32,7 +32,7 @@
                                     <th class="k-hierarchy-cell k-header k-table-th"></th>
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input id="k-grid0-select-all" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input id="k-grid0-select-all" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
@@ -83,7 +83,7 @@
                                         </td>
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input id="k-grid0-checkbox0" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input id="k-grid0-checkbox0" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">1</td>
@@ -109,7 +109,7 @@
                                         </td>
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input id="k-grid0-checkbox0" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input id="k-grid0-checkbox0" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">2</td>
@@ -176,7 +176,7 @@
                                     <th class="k-hierarchy-cell k-header k-table-th"></th>
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
@@ -240,7 +240,7 @@
                                         </td>
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">1</td>
@@ -278,7 +278,7 @@
                                         </td>
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">2</td>
@@ -366,7 +366,7 @@
                                     <th class="k-hierarchy-cell k-header k-table-th"></th>
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
@@ -444,7 +444,7 @@
                                         </td>
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">1</td>
@@ -495,7 +495,7 @@
                                         </td>
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">2</td>
@@ -583,7 +583,7 @@
                                     <th class="k-hierarchy-cell k-header k-table-th"></th>
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                     </th>
                                     <th colspan="1" rowspan="1" class="k-header k-table-th">
@@ -661,7 +661,7 @@
                                         </td>
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">1</td>
@@ -718,7 +718,7 @@
                                         </td>
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                         <td colspan="1" class="k-table-td">2</td>
diff --git a/tests/grid/grid-locked-columns-rtl.html b/tests/grid/grid-locked-columns-rtl.html
index 13f70c8ce97..b14d5a63e41 100644
--- a/tests/grid/grid-locked-columns-rtl.html
+++ b/tests/grid/grid-locked-columns-rtl.html
@@ -206,7 +206,7 @@
                                         <td colspan="1" class="k-table-td">39</td>
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                     </tr>
@@ -216,7 +216,7 @@
                                         <td colspan="1" class="k-table-td">17</td>
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                     </tr>
@@ -226,7 +226,7 @@
                                         <td colspan="1" class="k-table-td">13</td>
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                     </tr>
@@ -236,7 +236,7 @@
                                         <td colspan="1" class="k-table-td">53</td>
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                     </tr>
@@ -246,7 +246,7 @@
                                         <td colspan="1" class="k-table-td">120</td>
                                         <td colspan="1" class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                     </tr>
@@ -267,7 +267,7 @@
                                         <td colspan="1" class="k-table-td k-table-td">0</td>
                                         <td colspan="1" class="k-table-td k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                         </td>
                                     </tr>
diff --git a/tests/grid/grid-locked-columns.html b/tests/grid/grid-locked-columns.html
index 13944617998..97f46ab741a 100644
--- a/tests/grid/grid-locked-columns.html
+++ b/tests/grid/grid-locked-columns.html
@@ -535,7 +535,7 @@
                                             <td colspan="1" class="k-table-td">39</td>
                                             <td colspan="1" class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -545,7 +545,7 @@
                                             <td colspan="1" class="k-table-td">17</td>
                                             <td colspan="1" class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -555,7 +555,7 @@
                                             <td colspan="1" class="k-table-td">13</td>
                                             <td colspan="1" class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -565,7 +565,7 @@
                                             <td colspan="1" class="k-table-td">53</td>
                                             <td colspan="1" class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -575,7 +575,7 @@
                                             <td colspan="1" class="k-table-td">120</td>
                                             <td colspan="1" class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -596,7 +596,7 @@
                                             <td colspan="1" class="k-table-td k-table-td">0</td>
                                             <td colspan="1" class="k-table-td k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
diff --git a/tests/grid/grid-react-basic.html b/tests/grid/grid-react-basic.html
index a8fa3878e08..d381243caf4 100644
--- a/tests/grid/grid-react-basic.html
+++ b/tests/grid/grid-react-basic.html
@@ -96,7 +96,7 @@
                                             <td colspan="1" class="k-table-td">39</td>
                                             <td class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -108,7 +108,7 @@
                                             <td colspan="1" class="k-table-td">17</td>
                                             <td class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -120,7 +120,7 @@
                                             <td colspan="1" class="k-table-td">13</td>
                                             <td class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -132,7 +132,7 @@
                                             <td colspan="1" class="k-table-td">53</td>
                                             <td class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -144,7 +144,7 @@
                                             <td colspan="1" class="k-table-td">0</td>
                                             <td class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -156,7 +156,7 @@
                                             <td colspan="1" class="k-table-td">120</td>
                                             <td class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -168,7 +168,7 @@
                                             <td colspan="1" class="k-table-td">15</td>
                                             <td class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -180,7 +180,7 @@
                                             <td colspan="1" class="k-table-td">6</td>
                                             <td class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -192,7 +192,7 @@
                                             <td colspan="1" class="k-table-td">29</td>
                                             <td class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -204,7 +204,7 @@
                                             <td colspan="1" class="k-table-td">31</td>
                                             <td class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -216,7 +216,7 @@
                                             <td colspan="1" class="k-table-td">22</td>
                                             <td class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -228,7 +228,7 @@
                                             <td colspan="1" class="k-table-td">86</td>
                                             <td class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -240,7 +240,7 @@
                                             <td colspan="1" class="k-table-td">24</td>
                                             <td class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
@@ -252,7 +252,7 @@
                                             <td colspan="1" class="k-table-td">35</td>
                                             <td class="k-table-td">
                                                 <span class="k-checkbox-wrap">
-                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                 </span>
                                             </td>
                                         </tr>
diff --git a/tests/grid/grid-rows-resizing.html b/tests/grid/grid-rows-resizing.html
index 26416298837..d8032067a84 100644
--- a/tests/grid/grid-rows-resizing.html
+++ b/tests/grid/grid-rows-resizing.html
@@ -30,7 +30,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-grid-aria-root">
@@ -156,7 +156,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-grid-aria-root">
diff --git a/tests/grid/grid-rows-states.html b/tests/grid/grid-rows-states.html
index f6354c4179c..57458161280 100644
--- a/tests/grid/grid-rows-states.html
+++ b/tests/grid/grid-rows-states.html
@@ -38,7 +38,7 @@
                             <tr class="k-table-row">
                                 <th class="k-table-th">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <label class="k-checkbox-label"></label>
                                 </th>
@@ -52,7 +52,7 @@
                             <tr class="k-table-row">
                                 <td class="k-table-td">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <label class="k-checkbox-label"></label>
                                 </td>
@@ -64,7 +64,7 @@
                             <tr class="k-table-row k-table-alt-row">
                                 <td class="k-table-td">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <label class="k-checkbox-label"></label>
                                 </td>
@@ -78,7 +78,7 @@
                             <tr class="k-hover k-table-row">
                                 <td class="k-table-td">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <label class="k-checkbox-label"></label>
                                 </td>
@@ -90,7 +90,7 @@
                             <tr class="k-hover k-table-row k-table-alt-row">
                                 <td class="k-table-td">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <label class="k-checkbox-label"></label>
                                 </td>
@@ -104,7 +104,7 @@
                             <tr class="k-focus k-table-row">
                                 <td class="k-table-td">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <label class="k-checkbox-label"></label>
                                 </td>
@@ -116,7 +116,7 @@
                             <tr class="k-focus k-table-row k-table-alt-row">
                                 <td class="k-table-td">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <label class="k-checkbox-label"></label>
                                 </td>
@@ -130,7 +130,7 @@
                             <tr class="k-selected k-table-row">
                                 <td class="k-table-td">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                     </span>
                                     <label class="k-checkbox-label"></label>
                                 </td>
@@ -142,7 +142,7 @@
                             <tr class="k-selected k-table-row k-table-alt-row">
                                 <td class="k-table-td">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                     </span>
                                     <label class="k-checkbox-label"></label>
                                 </td>
@@ -156,7 +156,7 @@
                             <tr class="k-hover k-selected k-table-row">
                                 <td class="k-table-td">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                     </span>
                                     <label class="k-checkbox-label"></label>
                                 </td>
@@ -168,7 +168,7 @@
                             <tr class="k-hover k-selected k-table-row k-table-alt-row">
                                 <td class="k-table-td">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                     </span>
                                     <label class="k-checkbox-label"></label>
                                 </td>
diff --git a/tests/grid/grid-size-sm-comp-sm.html b/tests/grid/grid-size-sm-comp-sm.html
index 81a89eb550b..2b743d759ad 100644
--- a/tests/grid/grid-size-sm-comp-sm.html
+++ b/tests/grid/grid-size-sm-comp-sm.html
@@ -279,7 +279,7 @@
                                             <div class="k-filtercell">
                                                 <div class="k-filtercell-wrapper">
                                                     <span class="k-numerictextbox k-input k-input-sm k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                         <span class="k-spin-button k-input-spinner">
                                                             <button class="k-spinner-increase k-button k-button-sm k-button-solid k-button-solid-base k-icon-button">
                                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -323,7 +323,7 @@
                                             <div class="k-filtercell">
                                                 <div class="k-filtercell-wrapper">
                                                     <span class="k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="p">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="p">
                                                     </span>
                                                     <div class="k-filtercell-operator">
                                                         <span class="k-dropdown-operator k-dropdownlist k-picker k-picker-sm k-picker-solid k-rounded-md">
@@ -351,7 +351,7 @@
                                             <div class="k-filtercell">
                                                 <div class="k-filtercell-wrapper">
                                                     <span class="k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="p">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="p">
                                                     </span>
                                                     <div class="k-filtercell-operator">
                                                         <span class="k-dropdown-operator k-dropdownlist k-picker k-picker-sm k-picker-solid k-rounded-md">
@@ -379,7 +379,7 @@
                                             <div class="k-filtercell">
                                                 <div class="k-filtercell-wrapper">
                                                     <span class="k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="p">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="p">
                                                     </span>
                                                     <div class="k-filtercell-operator">
                                                         <span class="k-dropdown-operator k-dropdownlist k-picker k-picker-sm k-picker-solid k-rounded-md">
@@ -530,7 +530,7 @@
                                     <tr class="k-master-row k-grid-edit-row k-table-row">
                                         <td class="k-table-td">
                                             <span required="" class="k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Towel">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Towel">
                                                 <span class="k-clear-value">
                                                     <span class="k-icon k-svg-icon k-svg-i-x">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -542,7 +542,7 @@
                                         </td>
                                         <td class="k-table-td">
                                             <span class="k-numerictextbox k-input k-input-sm k-input-solid k-rounded-md k-invalid">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -577,7 +577,7 @@
                                         </td>
                                         <td class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input id="e77452cd-b3b5-4dc9-8210-17007584b695" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input id="e77452cd-b3b5-4dc9-8210-17007584b695" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                             <label class="k-checkbox-label" for="e77452cd-b3b5-4dc9-8210-17007584b695"></label>
                                         </td>
diff --git a/tests/grid/grid-size-sm.html b/tests/grid/grid-size-sm.html
index 89dd5d31ec4..02613711a22 100644
--- a/tests/grid/grid-size-sm.html
+++ b/tests/grid/grid-size-sm.html
@@ -279,7 +279,7 @@
                                             <div class="k-filtercell">
                                                 <div class="k-filtercell-wrapper">
                                                     <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                         <span class="k-spin-button k-input-spinner">
                                                             <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -323,7 +323,7 @@
                                             <div class="k-filtercell">
                                                 <div class="k-filtercell-wrapper">
                                                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="p">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="p">
                                                     </span>
                                                     <div class="k-filtercell-operator">
                                                         <span class="k-dropdown-operator k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
@@ -351,7 +351,7 @@
                                             <div class="k-filtercell">
                                                 <div class="k-filtercell-wrapper">
                                                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="p">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="p">
                                                     </span>
                                                     <div class="k-filtercell-operator">
                                                         <span class="k-dropdown-operator k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
@@ -379,7 +379,7 @@
                                             <div class="k-filtercell">
                                                 <div class="k-filtercell-wrapper">
                                                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="p">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="p">
                                                     </span>
                                                     <div class="k-filtercell-operator">
                                                         <span class="k-dropdown-operator k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
@@ -530,7 +530,7 @@
                                     <tr class="k-master-row k-grid-edit-row k-table-row">
                                         <td class="k-table-td">
                                             <span required="" class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Towel">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Towel">
                                                 <span class="k-clear-value">
                                                     <span class="k-icon k-svg-icon k-svg-i-x">
                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -542,7 +542,7 @@
                                         </td>
                                         <td class="k-table-td">
                                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -577,7 +577,7 @@
                                         </td>
                                         <td class="k-table-td">
                                             <span class="k-checkbox-wrap">
-                                                <input id="e77452cd-b3b5-4dc9-8210-17007584b695" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input id="e77452cd-b3b5-4dc9-8210-17007584b695" class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                             <label class="k-checkbox-label" for="e77452cd-b3b5-4dc9-8210-17007584b695"></label>
                                         </td>
diff --git a/tests/grid/grid-toolbar.html b/tests/grid/grid-toolbar.html
index 17831132d6c..4fbfc0d1adb 100644
--- a/tests/grid/grid-toolbar.html
+++ b/tests/grid/grid-toolbar.html
@@ -172,7 +172,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -209,7 +209,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -246,7 +246,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                     <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-plus">
@@ -295,7 +295,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                     <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-plus">
diff --git a/tests/imageeditor/imageeditor-crop-pane.html b/tests/imageeditor/imageeditor-crop-pane.html
index 5b4fbd7e02c..a232d93b67c 100644
--- a/tests/imageeditor/imageeditor-crop-pane.html
+++ b/tests/imageeditor/imageeditor-crop-pane.html
@@ -146,7 +146,7 @@ <h4>Image Editor Crop Pane</h4>
                                     <label class="k-label k-form-label">Width:</label>
                                     <div class="k-form-field-wrap">
                                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="61">
+                                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="61">
                                             <span class="k-spin-button k-input-spinner">
                                                 <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -170,7 +170,7 @@ <h4>Image Editor Crop Pane</h4>
                                     <label class="k-label k-form-label">Height:</label>
                                     <div class="k-form-field-wrap">
                                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="68">
+                                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="68">
                                             <span class="k-spin-button k-input-spinner">
                                                 <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -193,7 +193,7 @@ <h4>Image Editor Crop Pane</h4>
                                 <div class="k-form-field k-col-span-2">
                                     <div class="k-form-field-wrap">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <label class="k-checkbox-label">Lock aspect ratio</label>
                                     </div>
diff --git a/tests/imageeditor/imageeditor-resize-pane.html b/tests/imageeditor/imageeditor-resize-pane.html
index b38e1a3a24a..aac2aa3e9a7 100644
--- a/tests/imageeditor/imageeditor-resize-pane.html
+++ b/tests/imageeditor/imageeditor-resize-pane.html
@@ -104,7 +104,7 @@ <h4>Image Editor Resize Pane</h4>
                                     <label class="k-label k-form-label">Width:</label>
                                     <div class="k-form-field-wrap">
                                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="61">
+                                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="61">
                                             <span class="k-spin-button k-input-spinner">
                                                 <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -145,7 +145,7 @@ <h4>Image Editor Resize Pane</h4>
                                     <label class="k-label k-form-label">Height:</label>
                                     <div class="k-form-field-wrap">
                                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="68">
+                                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="68">
                                             <span class="k-spin-button k-input-spinner">
                                                 <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -185,7 +185,7 @@ <h4>Image Editor Resize Pane</h4>
                                 <div class="k-form-field k-col-span-2">
                                     <div class="k-form-field-wrap">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <label class="k-checkbox-label">Lock aspect ratio</label>
                                     </div>
diff --git a/tests/list/list.html b/tests/list/list.html
index 8ddc031faa5..a3a571031b4 100644
--- a/tests/list/list.html
+++ b/tests/list/list.html
@@ -49,7 +49,7 @@
                         </li>
                         <li class="k-list-item">
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-list-item-text">Checkbox</span>
                         </li>
@@ -63,7 +63,7 @@
                         </li>
                         <li class="k-list-item">
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-icon k-svg-icon k-svg-i-gear">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -103,7 +103,7 @@
                         </li>
                         <li class="k-list-item">
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-list-item-text">Checkbox</span>
                         </li>
@@ -117,7 +117,7 @@
                         </li>
                         <li class="k-list-item">
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-icon k-svg-icon k-svg-i-gear">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -160,7 +160,7 @@
                         </li>
                         <li class="k-list-item">
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-list-item-text">Checkbox</span>
                         </li>
@@ -174,7 +174,7 @@
                         </li>
                         <li class="k-list-item">
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-icon k-svg-icon k-svg-i-gear">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -214,7 +214,7 @@
                         </li>
                         <li class="k-list-item">
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-list-item-text">Checkbox</span>
                         </li>
@@ -228,7 +228,7 @@
                         </li>
                         <li class="k-list-item">
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-icon k-svg-icon k-svg-i-gear">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/maskedtextbox/maskedtextbox-flat.html b/tests/maskedtextbox/maskedtextbox-flat.html
index 697ae752b93..4b901536901 100644
--- a/tests/maskedtextbox/maskedtextbox-flat.html
+++ b/tests/maskedtextbox/maskedtextbox-flat.html
@@ -21,27 +21,27 @@
         <span>MaskedTextBox Flat RTL</span>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="(___) ___-__-__-__" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="(___) ___-__-__-__" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="(___) ___-__-__-__" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="(___) ___-__-__-__" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -53,7 +53,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -65,7 +65,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -77,7 +77,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -89,7 +89,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -101,7 +101,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -113,7 +113,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -130,7 +130,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -147,7 +147,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -164,7 +164,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -181,7 +181,7 @@
         </div>
         <div>
             <span required="" class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -193,7 +193,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -205,39 +205,39 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -254,7 +254,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/maskedtextbox/maskedtextbox-outline.html b/tests/maskedtextbox/maskedtextbox-outline.html
index 79b8821da6f..6b74d53ed1a 100644
--- a/tests/maskedtextbox/maskedtextbox-outline.html
+++ b/tests/maskedtextbox/maskedtextbox-outline.html
@@ -21,27 +21,27 @@
         <span>MaskedTextBox Outline RTL</span>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="(___) ___-__-__-__" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="(___) ___-__-__-__" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="(___) ___-__-__-__" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="(___) ___-__-__-__" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -53,7 +53,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -65,7 +65,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -77,7 +77,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -89,7 +89,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -101,7 +101,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -113,7 +113,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -130,7 +130,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -147,7 +147,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -164,7 +164,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -181,7 +181,7 @@
         </div>
         <div>
             <span required="" class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -193,7 +193,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -205,39 +205,39 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -254,7 +254,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/maskedtextbox/maskedtextbox-prefix-suffix.html b/tests/maskedtextbox/maskedtextbox-prefix-suffix.html
index 2778041f54d..abc72ca1650 100644
--- a/tests/maskedtextbox/maskedtextbox-prefix-suffix.html
+++ b/tests/maskedtextbox/maskedtextbox-prefix-suffix.html
@@ -36,7 +36,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -48,7 +48,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -74,7 +74,7 @@
                     </button>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -110,12 +110,12 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <span class="k-icon k-svg-icon k-svg-i-lock">
@@ -134,7 +134,7 @@
                     </button>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <span class="k-icon k-svg-icon k-svg-i-lock">
@@ -163,7 +163,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -180,7 +180,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -211,7 +211,7 @@
                     </button>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -252,7 +252,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -264,7 +264,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -290,7 +290,7 @@
                     </button>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -327,7 +327,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -339,7 +339,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -365,7 +365,7 @@
                     </button>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -401,12 +401,12 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <span class="k-icon k-svg-icon k-svg-i-lock">
@@ -425,7 +425,7 @@
                     </button>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <span class="k-icon k-svg-icon k-svg-i-lock">
@@ -454,7 +454,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -471,7 +471,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -502,7 +502,7 @@
                     </button>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -543,7 +543,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -555,7 +555,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -581,7 +581,7 @@
                     </button>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -618,7 +618,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -630,7 +630,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -656,7 +656,7 @@
                     </button>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -692,12 +692,12 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <span class="k-icon k-svg-icon k-svg-i-lock">
@@ -716,7 +716,7 @@
                     </button>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <span class="k-icon k-svg-icon k-svg-i-lock">
@@ -745,7 +745,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -762,7 +762,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -793,7 +793,7 @@
                     </button>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -834,7 +834,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -846,7 +846,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -872,7 +872,7 @@
                     </button>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/maskedtextbox/maskedtextbox-size-rounded.html b/tests/maskedtextbox/maskedtextbox-size-rounded.html
index 37e9c03a24e..a57fb871c99 100644
--- a/tests/maskedtextbox/maskedtextbox-size-rounded.html
+++ b/tests/maskedtextbox/maskedtextbox-size-rounded.html
@@ -26,7 +26,7 @@
         <span>small</span>
         <div>
             <span class="k-maskedtextbox k-input k-input-sm k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="MaskedTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="MaskedTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -38,7 +38,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="MaskedTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="MaskedTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -50,7 +50,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-lg k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="MaskedTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="MaskedTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -63,7 +63,7 @@
         <span>medium</span>
         <div>
             <span class="k-maskedtextbox k-input k-input-sm k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="MaskedTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="MaskedTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -75,7 +75,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="MaskedTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="MaskedTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -87,7 +87,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-lg k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="MaskedTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="MaskedTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -100,7 +100,7 @@
         <span>large</span>
         <div>
             <span class="k-maskedtextbox k-input k-input-sm k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="MaskedTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="MaskedTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -112,7 +112,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="MaskedTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="MaskedTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -124,7 +124,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-lg k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="MaskedTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="MaskedTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -137,7 +137,7 @@
         <span>full</span>
         <div>
             <span class="k-maskedtextbox k-input k-input-sm k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="MaskedTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="MaskedTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -149,7 +149,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="MaskedTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="MaskedTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -161,7 +161,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-lg k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="MaskedTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="MaskedTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/maskedtextbox/maskedtextbox-solid.html b/tests/maskedtextbox/maskedtextbox-solid.html
index 4ad277cf0a4..1d54be813d7 100644
--- a/tests/maskedtextbox/maskedtextbox-solid.html
+++ b/tests/maskedtextbox/maskedtextbox-solid.html
@@ -21,27 +21,27 @@
         <span>MaskedTextBox RTL</span>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="(___) ___-__-__-__" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="(___) ___-__-__-__" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="(___) ___-__-__-__" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="(___) ___-__-__-__" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -53,7 +53,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -65,7 +65,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -77,7 +77,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -89,7 +89,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -101,7 +101,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -113,7 +113,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -130,7 +130,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -147,7 +147,7 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -164,7 +164,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -181,7 +181,7 @@
         </div>
         <div>
             <span required="" class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -193,7 +193,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -205,39 +205,39 @@
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div>
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -254,7 +254,7 @@
         </div>
         <div dir="rtl">
             <span class="k-maskedtextbox k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/multiselect/multiselect-adaptive.html b/tests/multiselect/multiselect-adaptive.html
index da3ca4020ea..a47b2334417 100644
--- a/tests/multiselect/multiselect-adaptive.html
+++ b/tests/multiselect/multiselect-adaptive.html
@@ -31,7 +31,7 @@
             <span class="k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
             <div class="k-actionsheet-container">
@@ -62,7 +62,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
@@ -94,7 +94,7 @@
             <span class="k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
             <div class="k-actionsheet-container">
@@ -125,7 +125,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
diff --git a/tests/multiselect/multiselect-flat.html b/tests/multiselect/multiselect-flat.html
index 6c4ebbae0a6..916c09aac10 100644
--- a/tests/multiselect/multiselect-flat.html
+++ b/tests/multiselect/multiselect-flat.html
@@ -25,7 +25,7 @@
             <span class="k-multiselect k-input k-input-md k-input-flat k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -33,7 +33,7 @@
             <span class="k-multiselect k-input k-input-md k-input-flat k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -42,7 +42,7 @@
             <span class="k-multiselect k-input k-input-md k-input-flat k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -50,7 +50,7 @@
             <span class="k-multiselect k-input k-input-md k-input-flat k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -59,7 +59,7 @@
             <span class="k-multiselect k-input k-input-md k-input-flat k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="multiSelect with arrow button" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="multiSelect with arrow button" autocomplete="off" type="text" value="">
                 </div>
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -74,7 +74,7 @@
             <span class="k-multiselect k-input k-input-md k-input-flat k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="multiSelect with arrow button" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="multiSelect with arrow button" autocomplete="off" type="text" value="">
                 </div>
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -105,7 +105,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -135,7 +135,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -166,7 +166,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -196,7 +196,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -227,7 +227,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -257,7 +257,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -288,7 +288,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -323,7 +323,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -359,7 +359,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -394,7 +394,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -430,7 +430,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -460,7 +460,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -491,7 +491,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -514,7 +514,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -538,7 +538,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
@@ -562,7 +562,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
@@ -587,7 +587,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -610,7 +610,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -634,7 +634,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -669,7 +669,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -705,7 +705,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -740,7 +740,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -790,7 +790,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -834,7 +834,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
diff --git a/tests/multiselect/multiselect-grouping.html b/tests/multiselect/multiselect-grouping.html
index 8ccb4ad2643..67db66b9f43 100644
--- a/tests/multiselect/multiselect-grouping.html
+++ b/tests/multiselect/multiselect-grouping.html
@@ -26,7 +26,7 @@
             <span class="k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="MultiSelect..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="MultiSelect..." autocomplete="off" type="text" value="">
                 </div>
             </span>
             <div class="k-animation-container k-animation-container-shown">
@@ -68,7 +68,7 @@
             <span class="k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="MultiSelect..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="MultiSelect..." autocomplete="off" type="text" value="">
                 </div>
             </span>
             <div class="k-animation-container k-animation-container-shown">
@@ -112,7 +112,7 @@
             <span class="k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="MultiSelect..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="MultiSelect..." autocomplete="off" type="text" value="">
                 </div>
             </span>
             <div class="k-animation-container k-animation-container-shown">
@@ -156,7 +156,7 @@
             <span class="k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="MultiSelect..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="MultiSelect..." autocomplete="off" type="text" value="">
                 </div>
             </span>
             <div class="k-animation-container k-animation-container-shown">
diff --git a/tests/multiselect/multiselect-opened.html b/tests/multiselect/multiselect-opened.html
index bac2a4273d9..d0bdbf65bc6 100644
--- a/tests/multiselect/multiselect-opened.html
+++ b/tests/multiselect/multiselect-opened.html
@@ -28,7 +28,7 @@
             <span class="k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
             <div class="k-animation-container k-animation-container-shown">
@@ -60,7 +60,7 @@
             <span class="k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
             <div class="k-animation-container k-animation-container-shown">
diff --git a/tests/multiselect/multiselect-outline.html b/tests/multiselect/multiselect-outline.html
index e5579a9d14d..62fce24e70b 100644
--- a/tests/multiselect/multiselect-outline.html
+++ b/tests/multiselect/multiselect-outline.html
@@ -25,7 +25,7 @@
             <span class="k-multiselect k-input k-input-md k-input-outline k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -33,7 +33,7 @@
             <span class="k-multiselect k-input k-input-md k-input-outline k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -42,7 +42,7 @@
             <span class="k-multiselect k-input k-input-md k-input-outline k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -50,7 +50,7 @@
             <span class="k-multiselect k-input k-input-md k-input-outline k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -59,7 +59,7 @@
             <span class="k-multiselect k-input k-input-md k-input-outline k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="multiSelect with arrow button" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="multiSelect with arrow button" autocomplete="off" type="text" value="">
                 </div>
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -74,7 +74,7 @@
             <span class="k-multiselect k-input k-input-md k-input-outline k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="multiSelect with arrow button" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="multiSelect with arrow button" autocomplete="off" type="text" value="">
                 </div>
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -105,7 +105,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -135,7 +135,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -166,7 +166,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -196,7 +196,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -227,7 +227,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -257,7 +257,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -288,7 +288,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -323,7 +323,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -359,7 +359,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -394,7 +394,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -430,7 +430,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -460,7 +460,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -491,7 +491,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -514,7 +514,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -538,7 +538,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
@@ -562,7 +562,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
@@ -587,7 +587,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -610,7 +610,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -634,7 +634,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -669,7 +669,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -705,7 +705,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -740,7 +740,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -790,7 +790,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -834,7 +834,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
diff --git a/tests/multiselect/multiselect-prefix-suffix.html b/tests/multiselect/multiselect-prefix-suffix.html
index da00831ddf7..16381d5348f 100644
--- a/tests/multiselect/multiselect-prefix-suffix.html
+++ b/tests/multiselect/multiselect-prefix-suffix.html
@@ -46,7 +46,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -76,7 +76,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -120,7 +120,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -165,7 +165,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -188,7 +188,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
@@ -225,7 +225,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
@@ -263,7 +263,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -298,7 +298,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -347,7 +347,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -397,7 +397,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -427,7 +427,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -471,7 +471,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -517,7 +517,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -547,7 +547,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -591,7 +591,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -636,7 +636,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -659,7 +659,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
@@ -696,7 +696,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
@@ -734,7 +734,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -769,7 +769,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -818,7 +818,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -868,7 +868,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -898,7 +898,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -942,7 +942,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -988,7 +988,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -1018,7 +1018,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -1062,7 +1062,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -1107,7 +1107,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -1130,7 +1130,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
@@ -1167,7 +1167,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
@@ -1205,7 +1205,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -1240,7 +1240,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -1289,7 +1289,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -1339,7 +1339,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -1369,7 +1369,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -1413,7 +1413,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
diff --git a/tests/multiselect/multiselect-size-rounded.html b/tests/multiselect/multiselect-size-rounded.html
index cd6ea23bcef..c4f575b45fb 100644
--- a/tests/multiselect/multiselect-size-rounded.html
+++ b/tests/multiselect/multiselect-size-rounded.html
@@ -43,7 +43,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -73,7 +73,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -103,7 +103,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -134,7 +134,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -164,7 +164,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -194,7 +194,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -225,7 +225,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -255,7 +255,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -285,7 +285,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -316,7 +316,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -346,7 +346,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -376,7 +376,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
diff --git a/tests/multiselect/multiselect-solid.html b/tests/multiselect/multiselect-solid.html
index db32bee1e10..4253fe40138 100644
--- a/tests/multiselect/multiselect-solid.html
+++ b/tests/multiselect/multiselect-solid.html
@@ -25,7 +25,7 @@
             <span class="k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -33,7 +33,7 @@
             <span class="k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -42,7 +42,7 @@
             <span class="k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -50,7 +50,7 @@
             <span class="k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -59,7 +59,7 @@
             <span class="k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="multiSelect with arrow button" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="multiSelect with arrow button" autocomplete="off" type="text" value="">
                 </div>
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -74,7 +74,7 @@
             <span class="k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                 <div class="k-input-values">
                     <div class="k-chip-list k-chip-list-md"></div>
-                    <input type="text" class="k-input-inner" placeholder="multiSelect with arrow button" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="multiSelect with arrow button" autocomplete="off" type="text" value="">
                 </div>
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
@@ -105,7 +105,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -135,7 +135,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -166,7 +166,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -196,7 +196,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -227,7 +227,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -257,7 +257,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -288,7 +288,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -323,7 +323,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -359,7 +359,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -394,7 +394,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -430,7 +430,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -460,7 +460,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -491,7 +491,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -514,7 +514,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -538,7 +538,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
@@ -562,7 +562,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
@@ -587,7 +587,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -610,7 +610,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
             </span>
         </div>
@@ -634,7 +634,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -669,7 +669,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -705,7 +705,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -740,7 +740,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -790,7 +790,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
@@ -834,7 +834,7 @@
                             </span>
                         </div>
                     </div>
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </div>
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
diff --git a/tests/multiselecttree/multiselecttree-adaptive.html b/tests/multiselecttree/multiselecttree-adaptive.html
index 7bff46f49b7..3e14a07bff0 100644
--- a/tests/multiselecttree/multiselecttree-adaptive.html
+++ b/tests/multiselecttree/multiselecttree-adaptive.html
@@ -62,7 +62,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
@@ -184,7 +184,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Filter" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Filter" autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                             </div>
diff --git a/tests/multiselecttree/multiselecttree-opened.html b/tests/multiselecttree/multiselecttree-opened.html
index a2ebdfc1b2e..d4c92f73389 100644
--- a/tests/multiselecttree/multiselecttree-opened.html
+++ b/tests/multiselecttree/multiselecttree-opened.html
@@ -56,7 +56,7 @@
                     <div class="k-multiselecttree-popup k-popup">
                         <div class="k-check-all">
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-checkbox-label">Check all</span>
                         </div>
@@ -72,7 +72,7 @@
                                             </span>
                                         </span>
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-treeview-leaf">
                                             <span class="k-treeview-leaf-text">Furniture</span>
@@ -89,7 +89,7 @@
                                             </span>
                                         </span>
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-treeview-leaf">
                                             <span class="k-treeview-leaf-text">Decor</span>
@@ -134,7 +134,7 @@
                     <div class="k-multiselecttree-popup k-popup" dir="rtl">
                         <div class="k-check-all">
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-checkbox-label">Check all</span>
                         </div>
@@ -150,7 +150,7 @@
                                             </span>
                                         </span>
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-treeview-leaf">
                                             <span class="k-treeview-leaf-text">Furniture</span>
@@ -167,7 +167,7 @@
                                             </span>
                                         </span>
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-treeview-leaf">
                                             <span class="k-treeview-leaf-text">Decor</span>
@@ -221,12 +221,12 @@
                                     </span>
                                 </span>
                                 <span class="k-input-separator k-input-separator-vertical"></span>
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                         <div class="k-check-all">
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-checkbox-label">Check all</span>
                         </div>
@@ -242,7 +242,7 @@
                                             </span>
                                         </span>
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-treeview-leaf">
                                             <span class="k-treeview-leaf-text">Furniture</span>
@@ -259,7 +259,7 @@
                                             </span>
                                         </span>
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-treeview-leaf">
                                             <span class="k-treeview-leaf-text">Decor</span>
@@ -312,12 +312,12 @@
                                     </span>
                                 </span>
                                 <span class="k-input-separator k-input-separator-vertical"></span>
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                             </span>
                         </div>
                         <div class="k-check-all">
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-checkbox-label">Check all</span>
                         </div>
@@ -333,7 +333,7 @@
                                             </span>
                                         </span>
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-treeview-leaf">
                                             <span class="k-treeview-leaf-text">Furniture</span>
@@ -350,7 +350,7 @@
                                             </span>
                                         </span>
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span class="k-treeview-leaf">
                                             <span class="k-treeview-leaf-text">Decor</span>
diff --git a/tests/numerictextbox/numerictextbox-flat.html b/tests/numerictextbox/numerictextbox-flat.html
index 874b1219ea8..c4fa3c8c047 100644
--- a/tests/numerictextbox/numerictextbox-flat.html
+++ b/tests/numerictextbox/numerictextbox-flat.html
@@ -21,7 +21,7 @@
         <span>NumericTextBox Flat RTL</span>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -42,7 +42,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -63,7 +63,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="NumericTextBox..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="NumericTextBox..." autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -84,7 +84,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="NumericTextBox..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="NumericTextBox..." autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -105,7 +105,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -133,7 +133,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -161,7 +161,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -189,7 +189,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -217,7 +217,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -245,7 +245,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -273,7 +273,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -306,7 +306,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -339,7 +339,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -372,7 +372,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -405,7 +405,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
@@ -427,7 +427,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
@@ -449,7 +449,7 @@
         </div>
         <div>
             <span required="" class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -477,7 +477,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -505,7 +505,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -526,7 +526,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -547,7 +547,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -568,7 +568,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -589,7 +589,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -622,7 +622,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/numerictextbox/numerictextbox-outline.html b/tests/numerictextbox/numerictextbox-outline.html
index 5dfde0d0b24..37d3790f226 100644
--- a/tests/numerictextbox/numerictextbox-outline.html
+++ b/tests/numerictextbox/numerictextbox-outline.html
@@ -21,7 +21,7 @@
         <span>NumericTextBox Outline RTL</span>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -42,7 +42,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -63,7 +63,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="NumericTextBox..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="NumericTextBox..." autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -84,7 +84,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="NumericTextBox..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="NumericTextBox..." autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -105,7 +105,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -133,7 +133,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -161,7 +161,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -189,7 +189,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -217,7 +217,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -245,7 +245,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -273,7 +273,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -306,7 +306,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -339,7 +339,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -372,7 +372,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -405,7 +405,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
@@ -427,7 +427,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
@@ -449,7 +449,7 @@
         </div>
         <div>
             <span required="" class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -477,7 +477,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -505,7 +505,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -526,7 +526,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -547,7 +547,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -568,7 +568,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -589,7 +589,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -622,7 +622,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/numerictextbox/numerictextbox-prefix-suffix.html b/tests/numerictextbox/numerictextbox-prefix-suffix.html
index 21ea1c2e112..e436a1e1766 100644
--- a/tests/numerictextbox/numerictextbox-prefix-suffix.html
+++ b/tests/numerictextbox/numerictextbox-prefix-suffix.html
@@ -36,7 +36,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -64,7 +64,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -104,7 +104,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -152,7 +152,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -173,7 +173,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <span class="k-input-suffix-text">mm</span>
@@ -206,7 +206,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <span class="k-input-suffix-text">mm</span>
@@ -247,7 +247,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -280,7 +280,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -325,7 +325,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -378,7 +378,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -406,7 +406,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -446,7 +446,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -495,7 +495,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -523,7 +523,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -563,7 +563,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -611,7 +611,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -632,7 +632,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <span class="k-input-suffix-text">mm</span>
@@ -665,7 +665,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <span class="k-input-suffix-text">mm</span>
@@ -706,7 +706,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -739,7 +739,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -784,7 +784,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -837,7 +837,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -865,7 +865,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -905,7 +905,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -954,7 +954,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -982,7 +982,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -1022,7 +1022,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -1070,7 +1070,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -1091,7 +1091,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <span class="k-input-suffix-text">mm</span>
@@ -1124,7 +1124,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <span class="k-input-suffix-text">mm</span>
@@ -1165,7 +1165,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -1198,7 +1198,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -1243,7 +1243,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -1296,7 +1296,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -1324,7 +1324,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -1364,7 +1364,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/numerictextbox/numerictextbox-size-rounded.html b/tests/numerictextbox/numerictextbox-size-rounded.html
index e358304dc33..9a1a2abb806 100644
--- a/tests/numerictextbox/numerictextbox-size-rounded.html
+++ b/tests/numerictextbox/numerictextbox-size-rounded.html
@@ -26,7 +26,7 @@
         <span>small</span>
         <div>
             <span class="k-numerictextbox k-input k-input-sm k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="NumericTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="NumericTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -54,7 +54,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="NumericTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="NumericTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -82,7 +82,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="NumericTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="NumericTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -111,7 +111,7 @@
         <span>medium</span>
         <div>
             <span class="k-numerictextbox k-input k-input-sm k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="NumericTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="NumericTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -139,7 +139,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="NumericTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="NumericTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -167,7 +167,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="NumericTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="NumericTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -196,7 +196,7 @@
         <span>large</span>
         <div>
             <span class="k-numerictextbox k-input k-input-sm k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="NumericTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="NumericTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -224,7 +224,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="NumericTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="NumericTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -252,7 +252,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="NumericTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="NumericTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -281,7 +281,7 @@
         <span>full</span>
         <div>
             <span class="k-numerictextbox k-input k-input-sm k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="NumericTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="NumericTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -309,7 +309,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="NumericTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="NumericTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -337,7 +337,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="NumericTextbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="NumericTextbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/numerictextbox/numerictextbox-solid.html b/tests/numerictextbox/numerictextbox-solid.html
index 5cbac9b26d9..85eaa7d4d96 100644
--- a/tests/numerictextbox/numerictextbox-solid.html
+++ b/tests/numerictextbox/numerictextbox-solid.html
@@ -21,7 +21,7 @@
         <span>NumericTextBox RTL</span>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -42,7 +42,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -63,7 +63,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -84,7 +84,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -105,7 +105,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -133,7 +133,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -161,7 +161,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -189,7 +189,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -217,7 +217,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -245,7 +245,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -273,7 +273,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -306,7 +306,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -339,7 +339,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -372,7 +372,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -405,7 +405,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
@@ -427,7 +427,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
@@ -449,7 +449,7 @@
         </div>
         <div>
             <span required="" class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -477,7 +477,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -505,7 +505,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -526,7 +526,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -547,7 +547,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -568,7 +568,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <span class="k-spin-button k-input-spinner">
                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -589,7 +589,7 @@
         </div>
         <div>
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -622,7 +622,7 @@
         </div>
         <div dir="rtl">
             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/otp/otp-flat-no-space.html b/tests/otp/otp-flat-no-space.html
index 66657b2f9c6..17376ec2e72 100644
--- a/tests/otp/otp-flat-no-space.html
+++ b/tests/otp/otp-flat-no-space.html
@@ -26,25 +26,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -53,25 +53,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -81,25 +81,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -108,25 +108,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -136,25 +136,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -163,25 +163,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -191,25 +191,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-hover">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -218,25 +218,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-hover">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -246,25 +246,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -273,25 +273,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -301,25 +301,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -328,25 +328,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -356,25 +356,25 @@
             <div class="k-otp k-otp-md k-invalid">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -383,25 +383,25 @@
             <div class="k-otp k-otp-md k-invalid">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -411,25 +411,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -438,25 +438,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -466,25 +466,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -493,25 +493,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -521,25 +521,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -548,25 +548,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -576,25 +576,25 @@
             <div class="k-otp k-otp-md k-invalid">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -603,25 +603,25 @@
             <div class="k-otp k-otp-md k-invalid">
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-flat">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
diff --git a/tests/otp/otp-flat.html b/tests/otp/otp-flat.html
index 522a0db7a54..12f96f2ed18 100644
--- a/tests/otp/otp-flat.html
+++ b/tests/otp/otp-flat.html
@@ -25,46 +25,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
             </div>
         </div>
@@ -72,46 +72,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
             </div>
         </div>
@@ -119,46 +119,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -166,46 +166,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-hover">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-hover">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -213,46 +213,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -260,46 +260,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -307,46 +307,46 @@
         <div>
             <div class="k-otp k-otp-md k-invalid">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md k-invalid">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -354,46 +354,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -401,46 +401,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -448,46 +448,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -495,46 +495,46 @@
         <div>
             <div class="k-otp k-otp-md k-invalid">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md k-invalid">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
diff --git a/tests/otp/otp-outline-no-space.html b/tests/otp/otp-outline-no-space.html
index 6ad2c6aba91..0b98477480b 100644
--- a/tests/otp/otp-outline-no-space.html
+++ b/tests/otp/otp-outline-no-space.html
@@ -26,25 +26,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -53,25 +53,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -81,25 +81,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -108,25 +108,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -136,25 +136,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -163,25 +163,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -191,25 +191,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-hover">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -218,25 +218,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-hover">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -246,25 +246,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -273,25 +273,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -301,25 +301,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -328,25 +328,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -356,25 +356,25 @@
             <div class="k-otp k-otp-md k-invalid">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -383,25 +383,25 @@
             <div class="k-otp k-otp-md k-invalid">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -411,25 +411,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -438,25 +438,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -466,25 +466,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -493,25 +493,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -521,25 +521,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -548,25 +548,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -576,25 +576,25 @@
             <div class="k-otp k-otp-md k-invalid">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -603,25 +603,25 @@
             <div class="k-otp k-otp-md k-invalid">
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-outline">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
diff --git a/tests/otp/otp-outline.html b/tests/otp/otp-outline.html
index 0c0fc5dcede..26406f83a8a 100644
--- a/tests/otp/otp-outline.html
+++ b/tests/otp/otp-outline.html
@@ -25,46 +25,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
             </div>
         </div>
@@ -72,46 +72,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
             </div>
         </div>
@@ -119,46 +119,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -166,46 +166,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-hover">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-hover">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -213,46 +213,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -260,46 +260,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -307,46 +307,46 @@
         <div>
             <div class="k-otp k-otp-md k-invalid">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md k-invalid">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -354,46 +354,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -401,46 +401,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -448,46 +448,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -495,46 +495,46 @@
         <div>
             <div class="k-otp k-otp-md k-invalid">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md k-invalid">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
diff --git a/tests/otp/otp-size-rounded.html b/tests/otp/otp-size-rounded.html
index 3a201d77de9..f1b94777af1 100644
--- a/tests/otp/otp-size-rounded.html
+++ b/tests/otp/otp-size-rounded.html
@@ -28,69 +28,69 @@
         <div>
             <div class="k-otp k-otp-sm">
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div>
             <div class="k-otp k-otp-lg">
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-sm">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -98,69 +98,69 @@
         <div>
             <div class="k-otp k-otp-sm">
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div>
             <div class="k-otp k-otp-lg">
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -168,69 +168,69 @@
         <div>
             <div class="k-otp k-otp-sm">
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div>
             <div class="k-otp k-otp-lg">
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-lg">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -238,69 +238,69 @@
         <div>
             <div class="k-otp k-otp-sm">
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div>
             <div class="k-otp k-otp-lg">
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-full">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -315,25 +315,25 @@
             <div class="k-otp k-otp-sm">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -342,25 +342,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -369,25 +369,25 @@
             <div class="k-otp k-otp-lg">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-sm">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -397,25 +397,25 @@
             <div class="k-otp k-otp-sm">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -424,25 +424,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -451,25 +451,25 @@
             <div class="k-otp k-otp-lg">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -479,25 +479,25 @@
             <div class="k-otp k-otp-sm">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -506,25 +506,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -533,25 +533,25 @@
             <div class="k-otp k-otp-lg">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-lg">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -561,25 +561,25 @@
             <div class="k-otp k-otp-sm">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-sm k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -588,25 +588,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -615,25 +615,25 @@
             <div class="k-otp k-otp-lg">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-lg k-input-solid k-rounded-full">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
diff --git a/tests/otp/otp-solid-no-space.html b/tests/otp/otp-solid-no-space.html
index a511481a449..1a8534a7a83 100644
--- a/tests/otp/otp-solid-no-space.html
+++ b/tests/otp/otp-solid-no-space.html
@@ -26,25 +26,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -53,25 +53,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -81,25 +81,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -108,25 +108,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -136,25 +136,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -163,25 +163,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -191,25 +191,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-hover">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -218,25 +218,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-hover">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -246,25 +246,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -273,25 +273,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -301,25 +301,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -328,25 +328,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -356,25 +356,25 @@
             <div class="k-otp k-otp-md k-invalid">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -383,25 +383,25 @@
             <div class="k-otp k-otp-md k-invalid">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -411,25 +411,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -438,25 +438,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -466,25 +466,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -493,25 +493,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -521,25 +521,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -548,25 +548,25 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -576,25 +576,25 @@
             <div class="k-otp k-otp-md k-invalid">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
@@ -603,25 +603,25 @@
             <div class="k-otp k-otp-md k-invalid">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </div>
             </div>
diff --git a/tests/otp/otp-solid.html b/tests/otp/otp-solid.html
index 430bcce7b3d..b1ad01fe878 100644
--- a/tests/otp/otp-solid.html
+++ b/tests/otp/otp-solid.html
@@ -25,46 +25,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
             </div>
         </div>
@@ -72,46 +72,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="#" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="#" autocomplete="off" type="text" value="">
                 </span>
             </div>
         </div>
@@ -119,46 +119,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -166,46 +166,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-hover">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-hover">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -213,46 +213,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -260,46 +260,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -307,46 +307,46 @@
         <div>
             <div class="k-otp k-otp-md k-invalid">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md k-invalid">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -354,46 +354,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md" required="">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -401,46 +401,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -448,46 +448,46 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
@@ -495,46 +495,46 @@
         <div>
             <div class="k-otp k-otp-md k-invalid">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
         <div dir="rtl">
             <div class="k-otp k-otp-md k-invalid">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
             </div>
         </div>
diff --git a/tests/otp/otp.html b/tests/otp/otp.html
index 57e31f87a95..efaa8b88bd5 100644
--- a/tests/otp/otp.html
+++ b/tests/otp/otp.html
@@ -25,22 +25,22 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="A">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="A">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="3">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="3">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="C">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="C">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="K">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="K">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="6">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="6">
                 </span>
             </div>
         </div>
@@ -48,22 +48,22 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="A">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="A">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="3">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="3">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="C">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="C">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="K">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="K">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="6">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="6">
                     </span>
                 </div>
             </div>
@@ -72,22 +72,22 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="password" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="password" value="1">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="password" class="k-input-inner" placeholder="" autocomplete="off" value="2">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="password" value="2">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="password" class="k-input-inner" placeholder="" autocomplete="off" value="3">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="password" value="3">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="password" class="k-input-inner" placeholder="" autocomplete="off" value="4">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="password" value="4">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="password" class="k-input-inner" placeholder="" autocomplete="off" value="5">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="password" value="5">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="password" class="k-input-inner" placeholder="" autocomplete="off" value="6">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="password" value="6">
                 </span>
             </div>
         </div>
@@ -95,22 +95,22 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="password" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="password" value="1">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="password" class="k-input-inner" placeholder="" autocomplete="off" value="2">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="password" value="2">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="password" class="k-input-inner" placeholder="" autocomplete="off" value="3">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="password" value="3">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="password" class="k-input-inner" placeholder="" autocomplete="off" value="4">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="password" value="4">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="password" class="k-input-inner" placeholder="" autocomplete="off" value="5">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="password" value="5">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="password" class="k-input-inner" placeholder="" autocomplete="off" value="6">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="password" value="6">
                     </span>
                 </div>
             </div>
@@ -119,24 +119,24 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator">-</div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
             </div>
         </div>
@@ -144,28 +144,28 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator">-</div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -174,24 +174,24 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator"></div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator"></div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
             </div>
         </div>
@@ -199,28 +199,28 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator"></div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator"></div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -229,10 +229,10 @@
         <div>
             <div class="k-otp k-otp-md">
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator">
                     <span class="k-icon k-svg-icon k-svg-i-star">
@@ -242,10 +242,10 @@
                     </span>
                 </div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <div class="k-otp-separator">
                     <span class="k-icon k-svg-icon k-svg-i-star">
@@ -255,10 +255,10 @@
                     </span>
                 </div>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
                 <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 </span>
             </div>
         </div>
@@ -266,10 +266,10 @@
             <div class="k-otp k-otp-md">
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator">
@@ -281,10 +281,10 @@
                 </div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-otp-separator">
@@ -296,10 +296,10 @@
                 </div>
                 <div class="k-input-group k-input-group-solid">
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                     <span class="k-otp-input k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
diff --git a/tests/pager/pager-adaptive.html b/tests/pager/pager-adaptive.html
index 66046c2e7a2..45026d27b2d 100644
--- a/tests/pager/pager-adaptive.html
+++ b/tests/pager/pager-adaptive.html
@@ -120,7 +120,7 @@
                 <span class="k-pager-input">
                     <span>Page</span>
                     <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span>of 6</span>
                 </span>
@@ -237,7 +237,7 @@
                 </button>
                 <span class="k-pager-input">
                     <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </span>
                 <button class="k-pager-nav k-button k-button-lg k-button-flat k-button-flat-base k-icon-button">
@@ -330,7 +330,7 @@
                 </button>
                 <span class="k-pager-input">
                     <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                 </span>
                 <button class="k-pager-nav k-button k-button-lg k-button-flat k-button-flat-base k-icon-button">
diff --git a/tests/pager/pager-sizes.html b/tests/pager/pager-sizes.html
index f1a0616b631..51ec02b215f 100644
--- a/tests/pager/pager-sizes.html
+++ b/tests/pager/pager-sizes.html
@@ -115,7 +115,7 @@
                 <span class="k-pager-input">
                     <span>Page</span>
                     <span class="k-numerictextbox k-input k-input-sm k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span>of 6</span>
                 </span>
@@ -262,7 +262,7 @@
                 <span class="k-pager-input">
                     <span>Page</span>
                     <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span>of 6</span>
                 </span>
@@ -409,7 +409,7 @@
                 <span class="k-pager-input">
                     <span>Page</span>
                     <span class="k-numerictextbox k-input k-input-lg k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                     </span>
                     <span>of 6</span>
                 </span>
diff --git a/tests/pager/pager.html b/tests/pager/pager.html
index 58ce1d10436..bc22c99e5c5 100644
--- a/tests/pager/pager.html
+++ b/tests/pager/pager.html
@@ -117,7 +117,7 @@
                     <span class="k-pager-input">
                         <span>Page</span>
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                         </span>
                         <span>of 6</span>
                     </span>
@@ -266,7 +266,7 @@
                     <span class="k-pager-input">
                         <span>Page</span>
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                         </span>
                         <span>of 6</span>
                     </span>
@@ -415,7 +415,7 @@
                     <span class="k-pager-input">
                         <span>Page</span>
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                         </span>
                         <span>of 6</span>
                     </span>
@@ -565,7 +565,7 @@
                     <span class="k-pager-input">
                         <span>Page</span>
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                         </span>
                         <span>of 6</span>
                     </span>
@@ -714,7 +714,7 @@
                     <span class="k-pager-input">
                         <span>Page</span>
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                         </span>
                         <span>of 6</span>
                     </span>
@@ -863,7 +863,7 @@
                     <span class="k-pager-input">
                         <span>Page</span>
                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                         </span>
                         <span>of 6</span>
                     </span>
diff --git a/tests/pdf-viewer/pdf-viewer-annotations.html b/tests/pdf-viewer/pdf-viewer-annotations.html
index 1dca98d7570..85c4baafc0b 100644
--- a/tests/pdf-viewer/pdf-viewer-annotations.html
+++ b/tests/pdf-viewer/pdf-viewer-annotations.html
@@ -47,7 +47,7 @@
                         <span class="k-pager-input">
                             <span>Page</span>
                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                             </span>
                             <span>of 6</span>
                         </span>
@@ -85,7 +85,7 @@
                     </button>
                 </div>
                 <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Automatic Width">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Automatic Width">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -280,7 +280,7 @@
                         <span class="k-pager-input">
                             <span>Page</span>
                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                             </span>
                             <span>of 6</span>
                         </span>
@@ -318,7 +318,7 @@
                     </button>
                 </div>
                 <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Automatic Width">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Automatic Width">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/pdf-viewer/pdf-viewer-blank-page.html b/tests/pdf-viewer/pdf-viewer-blank-page.html
index a3a5e8df3ce..b49e39b1308 100644
--- a/tests/pdf-viewer/pdf-viewer-blank-page.html
+++ b/tests/pdf-viewer/pdf-viewer-blank-page.html
@@ -49,7 +49,7 @@
                         <span class="k-pager-input">
                             <span>Page</span>
                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                             </span>
                             <span>of 6</span>
                         </span>
@@ -87,7 +87,7 @@
                     </button>
                 </div>
                 <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Automatic Width">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Automatic Width">
                     <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/pdf-viewer/pdf-viewer-free-text-annotation.html b/tests/pdf-viewer/pdf-viewer-free-text-annotation.html
index 8159bcb5340..64a8331edab 100644
--- a/tests/pdf-viewer/pdf-viewer-free-text-annotation.html
+++ b/tests/pdf-viewer/pdf-viewer-free-text-annotation.html
@@ -47,7 +47,7 @@
                         <span class="k-pager-input">
                             <span>Page</span>
                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                             </span>
                             <span>of 6</span>
                         </span>
@@ -85,7 +85,7 @@
                     </button>
                 </div>
                 <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Automatic Width">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Automatic Width">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/pdf-viewer/pdf-viewer-highlight-annotation.html b/tests/pdf-viewer/pdf-viewer-highlight-annotation.html
index f529aebdd1f..d9cfe049b67 100644
--- a/tests/pdf-viewer/pdf-viewer-highlight-annotation.html
+++ b/tests/pdf-viewer/pdf-viewer-highlight-annotation.html
@@ -50,7 +50,7 @@
                         <span class="k-pager-input">
                             <span>Page</span>
                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                             </span>
                             <span>of 6</span>
                         </span>
@@ -88,7 +88,7 @@
                     </button>
                 </div>
                 <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Automatic Width">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Automatic Width">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/pdf-viewer/pdf-viewer-old-toolbar.html b/tests/pdf-viewer/pdf-viewer-old-toolbar.html
index a43cb4be61c..10c2568cbca 100644
--- a/tests/pdf-viewer/pdf-viewer-old-toolbar.html
+++ b/tests/pdf-viewer/pdf-viewer-old-toolbar.html
@@ -38,7 +38,7 @@
                         <span class="k-pager-input">
                             <span>Page</span>
                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                             </span>
                             <span>of 6</span>
                         </span>
@@ -76,7 +76,7 @@
                     </button>
                 </div>
                 <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Automatic Width">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Automatic Width">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/pdf-viewer/pdf-viewer-popup-editors.html b/tests/pdf-viewer/pdf-viewer-popup-editors.html
index 2e5ea887dd2..e03ce51122a 100644
--- a/tests/pdf-viewer/pdf-viewer-popup-editors.html
+++ b/tests/pdf-viewer/pdf-viewer-popup-editors.html
@@ -125,7 +125,7 @@
                                     <label class="k-label k-form-label">Font Size</label>
                                     <div class="k-form-field-wrap">
                                         <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="18" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="18" autocomplete="off" type="text" value="">
                                             <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/pdf-viewer/pdf-viewer-search-panel.html b/tests/pdf-viewer/pdf-viewer-search-panel.html
index c5cd8fe9cf4..7c66e304f1a 100644
--- a/tests/pdf-viewer/pdf-viewer-search-panel.html
+++ b/tests/pdf-viewer/pdf-viewer-search-panel.html
@@ -47,7 +47,7 @@
                         <span class="k-pager-input">
                             <span>Page</span>
                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                             </span>
                             <span>of 6</span>
                         </span>
@@ -85,7 +85,7 @@
                     </button>
                 </div>
                 <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Automatic Width">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Automatic Width">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -150,7 +150,7 @@
                         </span>
                     </button>
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                         <span class="k-input-separator k-input-separator-vertical"></span>
                         <span class="k-input-suffix k-input-suffix-horizontal">
                             <button class="k-match-case-button k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -223,7 +223,7 @@
                         <span class="k-pager-input">
                             <span>Page</span>
                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                             </span>
                             <span>of 6</span>
                         </span>
@@ -261,7 +261,7 @@
                     </button>
                 </div>
                 <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Automatic Width">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Automatic Width">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -429,7 +429,7 @@
                         </span>
                     </button>
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                         <span class="k-input-separator k-input-separator-vertical"></span>
                         <span class="k-input-suffix k-input-suffix-horizontal">
                             <button class="k-match-case-button k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
diff --git a/tests/pdf-viewer/pdf-viewer.html b/tests/pdf-viewer/pdf-viewer.html
index 033bf25f17a..b8795fdddde 100644
--- a/tests/pdf-viewer/pdf-viewer.html
+++ b/tests/pdf-viewer/pdf-viewer.html
@@ -46,7 +46,7 @@
                         <span class="k-pager-input">
                             <span>Page</span>
                             <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1">
+                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1">
                             </span>
                             <span>of 6</span>
                         </span>
@@ -84,7 +84,7 @@
                     </button>
                 </div>
                 <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Automatic Width">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Automatic Width">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/pivotgrid/pivotgrid-column-menus.html b/tests/pivotgrid/pivotgrid-column-menus.html
index 80924a67590..5dc1dd71004 100644
--- a/tests/pivotgrid/pivotgrid-column-menus.html
+++ b/tests/pivotgrid/pivotgrid-column-menus.html
@@ -273,62 +273,62 @@
                                             <div class="k-column-list">
                                                 <label class="k-column-list-item k-checkbox-label">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>ID
                                                 </label>
                                                 <label class="k-column-list-item k-checkbox-label">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>Name
                                                 </label>
                                                 <label class="k-column-list-item k-checkbox-label">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>Category
                                                 </label>
                                                 <label class="k-column-list-item k-checkbox-label">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>Account
                                                 </label>
                                                 <label class="k-column-list-item k-checkbox-label">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>Number
                                                 </label>
                                                 <label class="k-column-list-item k-checkbox-label">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>Type
                                                 </label>
                                                 <label class="k-column-list-item k-checkbox-label">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>Employer
                                                 </label>
                                                 <label class="k-column-list-item k-checkbox-label">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>Employee
                                                 </label>
                                                 <label class="k-column-list-item k-checkbox-label">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>Company
                                                 </label>
                                                 <label class="k-column-list-item k-checkbox-label">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>Products
                                                 </label>
                                                 <label class="k-column-list-item k-checkbox-label">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>Number
                                                 </label>
                                                 <label class="k-column-list-item k-checkbox-label">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>Type
                                                 </label>
                                             </div>
@@ -420,7 +420,7 @@
                                                                     </span>
                                                                 </span>
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">Account</span>
@@ -437,7 +437,7 @@
                                                                     </span>
                                                                 </span>
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">Customer</span>
@@ -454,7 +454,7 @@
                                                                     </span>
                                                                 </span>
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">Date</span>
@@ -471,7 +471,7 @@
                                                                             </span>
                                                                         </span>
                                                                         <span class="k-checkbox-wrap">
-                                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                         </span>
                                                                         <span class="k-treeview-leaf">
                                                                             <span class="k-treeview-leaf-text">Date.Calendar</span>
@@ -488,7 +488,7 @@
                                                                             </span>
                                                                         </span>
                                                                         <span class="k-checkbox-wrap">
-                                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                         </span>
                                                                         <span class="k-treeview-leaf">
                                                                             <span class="k-treeview-leaf-text">Date.Calendar Quarter of Year</span>
@@ -505,7 +505,7 @@
                                                                                     </span>
                                                                                 </span>
                                                                                 <span class="k-checkbox-wrap">
-                                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                                 </span>
                                                                                 <span class="k-treeview-leaf">
                                                                                     <span class="k-treeview-leaf-text">(All)</span>
@@ -522,7 +522,7 @@
                                                                                     </span>
                                                                                 </span>
                                                                                 <span class="k-checkbox-wrap">
-                                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                                 </span>
                                                                                 <span class="k-treeview-leaf">
                                                                                     <span class="k-treeview-leaf-text">Calendar Quarter of Year</span>
@@ -543,7 +543,7 @@
                                                                     </span>
                                                                 </span>
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">Delivery date</span>
@@ -560,7 +560,7 @@
                                                                     </span>
                                                                 </span>
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">Department</span>
@@ -577,7 +577,7 @@
                                                                     </span>
                                                                 </span>
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">Country</span>
@@ -594,7 +594,7 @@
                                                                     </span>
                                                                 </span>
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">Region</span>
@@ -711,7 +711,7 @@
                                                     </button>
                                                 </span>
                                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                                                 </span>
                                                 <span class="k-filter-and k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
                                                     <span class="k-input-inner">
@@ -738,7 +738,7 @@
                                                     </button>
                                                 </span>
                                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                                                 </span>
                                                 <div class="k-actions k-actions-stretched k-actions-horizontal">
                                                     <button class="k-button k-button-md k-button-solid k-button-solid-primary k-rounded-md">
diff --git a/tests/pivotgrid/pivotgrid-settings-left-right.html b/tests/pivotgrid/pivotgrid-settings-left-right.html
index 5565a574b62..238bf5e4980 100644
--- a/tests/pivotgrid/pivotgrid-settings-left-right.html
+++ b/tests/pivotgrid/pivotgrid-settings-left-right.html
@@ -257,7 +257,7 @@
                                                 <li class="k-treeview-item">
                                                     <span class="k-treeview-top">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Category</span>
@@ -267,7 +267,7 @@
                                                 <li class="k-treeview-item">
                                                     <span class="k-treeview-mid">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Product</span>
@@ -277,7 +277,7 @@
                                                 <li class="k-treeview-item">
                                                     <span class="k-treeview-mid">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Region</span>
@@ -287,7 +287,7 @@
                                                 <li class="k-treeview-item">
                                                     <span class="k-treeview-mid">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Country</span>
@@ -700,7 +700,7 @@
                                                 <li class="k-treeview-item">
                                                     <span class="k-treeview-top">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Category</span>
@@ -710,7 +710,7 @@
                                                 <li class="k-treeview-item">
                                                     <span class="k-treeview-mid">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Product</span>
@@ -720,7 +720,7 @@
                                                 <li class="k-treeview-item">
                                                     <span class="k-treeview-mid">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Region</span>
@@ -730,7 +730,7 @@
                                                 <li class="k-treeview-item">
                                                     <span class="k-treeview-mid">
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Country</span>
diff --git a/tests/pivotgrid/pivotgrid-settings-panel-horizontal.html b/tests/pivotgrid/pivotgrid-settings-panel-horizontal.html
index 150bf7a7da1..c441cedb069 100644
--- a/tests/pivotgrid/pivotgrid-settings-panel-horizontal.html
+++ b/tests/pivotgrid/pivotgrid-settings-panel-horizontal.html
@@ -43,13 +43,13 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                                 <div class="k-form-field">
                                     <div class="k-select-all">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span>Select all</span>
                                     </div>
@@ -70,7 +70,7 @@
                                                             </span>
                                                         </span>
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Account</span>
@@ -87,7 +87,7 @@
                                                             </span>
                                                         </span>
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Customer</span>
@@ -104,7 +104,7 @@
                                                             </span>
                                                         </span>
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Date</span>
@@ -121,7 +121,7 @@
                                                                     </span>
                                                                 </span>
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">Date.Calendar</span>
@@ -138,7 +138,7 @@
                                                                     </span>
                                                                 </span>
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">Date.Calendar Quarter of Year</span>
@@ -155,7 +155,7 @@
                                                                             </span>
                                                                         </span>
                                                                         <span class="k-checkbox-wrap">
-                                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                         </span>
                                                                         <span class="k-treeview-leaf">
                                                                             <span class="k-treeview-leaf-text">(All)</span>
@@ -172,7 +172,7 @@
                                                                             </span>
                                                                         </span>
                                                                         <span class="k-checkbox-wrap">
-                                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                         </span>
                                                                         <span class="k-treeview-leaf">
                                                                             <span class="k-treeview-leaf-text">Calendar Quarter of Year</span>
@@ -193,7 +193,7 @@
                                                             </span>
                                                         </span>
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Delivery date</span>
@@ -210,7 +210,7 @@
                                                             </span>
                                                         </span>
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Department</span>
@@ -227,7 +227,7 @@
                                                             </span>
                                                         </span>
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Country</span>
@@ -244,7 +244,7 @@
                                                             </span>
                                                         </span>
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Region</span>
@@ -312,13 +312,13 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                                 <div class="k-form-field">
                                     <div class="k-select-all">
                                         <span class="k-checkbox-wrap">
-                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                         </span>
                                         <span>Select all</span>
                                     </div>
@@ -339,7 +339,7 @@
                                                             </span>
                                                         </span>
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Account</span>
@@ -356,7 +356,7 @@
                                                             </span>
                                                         </span>
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Customer</span>
@@ -373,7 +373,7 @@
                                                             </span>
                                                         </span>
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Date</span>
@@ -390,7 +390,7 @@
                                                                     </span>
                                                                 </span>
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">Date.Calendar</span>
@@ -407,7 +407,7 @@
                                                                     </span>
                                                                 </span>
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">Date.Calendar Quarter of Year</span>
@@ -424,7 +424,7 @@
                                                                             </span>
                                                                         </span>
                                                                         <span class="k-checkbox-wrap">
-                                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                         </span>
                                                                         <span class="k-treeview-leaf">
                                                                             <span class="k-treeview-leaf-text">(All)</span>
@@ -441,7 +441,7 @@
                                                                             </span>
                                                                         </span>
                                                                         <span class="k-checkbox-wrap">
-                                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                         </span>
                                                                         <span class="k-treeview-leaf">
                                                                             <span class="k-treeview-leaf-text">Calendar Quarter of Year</span>
@@ -462,7 +462,7 @@
                                                             </span>
                                                         </span>
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Delivery date</span>
@@ -479,7 +479,7 @@
                                                             </span>
                                                         </span>
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Department</span>
@@ -496,7 +496,7 @@
                                                             </span>
                                                         </span>
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Country</span>
@@ -513,7 +513,7 @@
                                                             </span>
                                                         </span>
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">Region</span>
@@ -742,7 +742,7 @@
                                         </div>
                                         <div class="k-calculated-field-content">
                                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="Custom function" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="Custom function" autocomplete="off" type="text" value="">
                                             </span>
                                         </div>
                                         <div class="k-calculated-field-actions">
@@ -786,7 +786,7 @@
                                     <div class="k-calculated-field">
                                         <div class="k-calculated-field-header">
                                             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Renamed Field">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Renamed Field">
                                                 <span class="k-input-separator k-input-separator-vertical"></span>
                                                 <span class="k-input-suffix k-input-suffix-horizontal">
                                                     <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -819,7 +819,7 @@
                                                     </span>
                                                 </span>
                                                 <span class="k-input-separator k-input-separator-vertical"></span>
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="=IF(Amount>100, 3%*Amount)">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="=IF(Amount>100, 3%*Amount)">
                                             </span>
                                         </div>
                                         <div class="k-calculated-field-actions">
diff --git a/tests/pivotgrid/pivotgrid-settings-panel-vertical.html b/tests/pivotgrid/pivotgrid-settings-panel-vertical.html
index d9841d8a6bf..e370ffcd6d7 100644
--- a/tests/pivotgrid/pivotgrid-settings-panel-vertical.html
+++ b/tests/pivotgrid/pivotgrid-settings-panel-vertical.html
@@ -40,13 +40,13 @@
                                             <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                         </svg>
                                     </span>
-                                    <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                             <div class="k-form-field">
                                 <div class="k-select-all">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <span>Select all</span>
                                 </div>
@@ -67,7 +67,7 @@
                                                         </span>
                                                     </span>
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-treeview-leaf">
                                                         <span class="k-treeview-leaf-text">Account</span>
@@ -84,7 +84,7 @@
                                                         </span>
                                                     </span>
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-treeview-leaf">
                                                         <span class="k-treeview-leaf-text">Customer</span>
@@ -101,7 +101,7 @@
                                                         </span>
                                                     </span>
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-treeview-leaf">
                                                         <span class="k-treeview-leaf-text">Date</span>
@@ -118,7 +118,7 @@
                                                                 </span>
                                                             </span>
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span class="k-treeview-leaf">
                                                                 <span class="k-treeview-leaf-text">Date.Calendar</span>
@@ -135,7 +135,7 @@
                                                                 </span>
                                                             </span>
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span class="k-treeview-leaf">
                                                                 <span class="k-treeview-leaf-text">Date.Calendar Quarter of Year</span>
@@ -152,7 +152,7 @@
                                                                         </span>
                                                                     </span>
                                                                     <span class="k-checkbox-wrap">
-                                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                     </span>
                                                                     <span class="k-treeview-leaf">
                                                                         <span class="k-treeview-leaf-text">(All)</span>
@@ -169,7 +169,7 @@
                                                                         </span>
                                                                     </span>
                                                                     <span class="k-checkbox-wrap">
-                                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                     </span>
                                                                     <span class="k-treeview-leaf">
                                                                         <span class="k-treeview-leaf-text">Calendar Quarter of Year</span>
@@ -190,7 +190,7 @@
                                                         </span>
                                                     </span>
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-treeview-leaf">
                                                         <span class="k-treeview-leaf-text">Delivery date</span>
@@ -207,7 +207,7 @@
                                                         </span>
                                                     </span>
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-treeview-leaf">
                                                         <span class="k-treeview-leaf-text">Department</span>
@@ -224,7 +224,7 @@
                                                         </span>
                                                     </span>
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-treeview-leaf">
                                                         <span class="k-treeview-leaf-text">Country</span>
@@ -241,7 +241,7 @@
                                                         </span>
                                                     </span>
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-treeview-leaf">
                                                         <span class="k-treeview-leaf-text">Region</span>
@@ -303,13 +303,13 @@
                                             <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                         </svg>
                                     </span>
-                                    <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                             <div class="k-form-field">
                                 <div class="k-select-all">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <span>Select all</span>
                                 </div>
@@ -330,7 +330,7 @@
                                                         </span>
                                                     </span>
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-treeview-leaf">
                                                         <span class="k-treeview-leaf-text">Account</span>
@@ -347,7 +347,7 @@
                                                         </span>
                                                     </span>
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-treeview-leaf">
                                                         <span class="k-treeview-leaf-text">Customer</span>
@@ -364,7 +364,7 @@
                                                         </span>
                                                     </span>
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-treeview-leaf">
                                                         <span class="k-treeview-leaf-text">Date</span>
@@ -381,7 +381,7 @@
                                                                 </span>
                                                             </span>
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span class="k-treeview-leaf">
                                                                 <span class="k-treeview-leaf-text">Date.Calendar</span>
@@ -398,7 +398,7 @@
                                                                 </span>
                                                             </span>
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span class="k-treeview-leaf">
                                                                 <span class="k-treeview-leaf-text">Date.Calendar Quarter of Year</span>
@@ -415,7 +415,7 @@
                                                                         </span>
                                                                     </span>
                                                                     <span class="k-checkbox-wrap">
-                                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                     </span>
                                                                     <span class="k-treeview-leaf">
                                                                         <span class="k-treeview-leaf-text">(All)</span>
@@ -432,7 +432,7 @@
                                                                         </span>
                                                                     </span>
                                                                     <span class="k-checkbox-wrap">
-                                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                     </span>
                                                                     <span class="k-treeview-leaf">
                                                                         <span class="k-treeview-leaf-text">Calendar Quarter of Year</span>
@@ -453,7 +453,7 @@
                                                         </span>
                                                     </span>
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-treeview-leaf">
                                                         <span class="k-treeview-leaf-text">Delivery date</span>
@@ -470,7 +470,7 @@
                                                         </span>
                                                     </span>
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-treeview-leaf">
                                                         <span class="k-treeview-leaf-text">Department</span>
@@ -487,7 +487,7 @@
                                                         </span>
                                                     </span>
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-treeview-leaf">
                                                         <span class="k-treeview-leaf-text">Country</span>
@@ -504,7 +504,7 @@
                                                         </span>
                                                     </span>
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <span class="k-treeview-leaf">
                                                         <span class="k-treeview-leaf-text">Region</span>
@@ -645,7 +645,7 @@
                                     </div>
                                     <div class="k-calculated-field-content">
                                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="Custom function" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="Custom function" autocomplete="off" type="text" value="">
                                         </span>
                                     </div>
                                     <div class="k-calculated-field-actions">
@@ -689,7 +689,7 @@
                                 <div class="k-calculated-field">
                                     <div class="k-calculated-field-header">
                                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Renamed Field">
+                                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Renamed Field">
                                             <span class="k-clear-value">
                                                 <span class="k-icon k-svg-icon k-svg-i-x">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -729,7 +729,7 @@
                                                 </span>
                                             </span>
                                             <span class="k-input-separator k-input-separator-vertical"></span>
-                                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="=IF(Amount>100, 3%*Amount)">
+                                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="=IF(Amount>100, 3%*Amount)">
                                             <span class="k-clear-value">
                                                 <span class="k-icon k-svg-icon k-svg-i-x">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -972,7 +972,7 @@
                 </div>
                 <div class="k-calculated-field-content">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Custom function" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Custom function" autocomplete="off" type="text" value="">
                     </span>
                 </div>
                 <div class="k-calculated-field-actions">
@@ -1017,7 +1017,7 @@
             <div class="k-calculated-field">
                 <div class="k-calculated-field-header">
                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Renamed Field">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Renamed Field">
                         <span class="k-input-separator k-input-separator-vertical"></span>
                         <span class="k-input-suffix k-input-suffix-horizontal">
                             <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -1050,7 +1050,7 @@
                             </span>
                         </span>
                         <span class="k-input-separator k-input-separator-vertical"></span>
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="=IF(Amount>100, 3%*Amount)">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="=IF(Amount>100, 3%*Amount)">
                     </span>
                 </div>
                 <div class="k-calculated-field-actions">
diff --git a/tests/pivotgrid/pivotgrid-settings-top.html b/tests/pivotgrid/pivotgrid-settings-top.html
index 4f0f1e60c7b..dfc9323f9fe 100644
--- a/tests/pivotgrid/pivotgrid-settings-top.html
+++ b/tests/pivotgrid/pivotgrid-settings-top.html
@@ -596,13 +596,13 @@
                                                     <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                                 </svg>
                                             </span>
-                                            <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                                         </span>
                                     </div>
                                     <div class="k-form-field">
                                         <div class="k-select-all">
                                             <span class="k-checkbox-wrap">
-                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                             </span>
                                             <span>Select all</span>
                                         </div>
@@ -623,7 +623,7 @@
                                                                 </span>
                                                             </span>
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span class="k-treeview-leaf">
                                                                 <span class="k-treeview-leaf-text">Account</span>
@@ -640,7 +640,7 @@
                                                                 </span>
                                                             </span>
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span class="k-treeview-leaf">
                                                                 <span class="k-treeview-leaf-text">Customer</span>
@@ -657,7 +657,7 @@
                                                                 </span>
                                                             </span>
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span class="k-treeview-leaf">
                                                                 <span class="k-treeview-leaf-text">Date</span>
@@ -674,7 +674,7 @@
                                                                         </span>
                                                                     </span>
                                                                     <span class="k-checkbox-wrap">
-                                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                     </span>
                                                                     <span class="k-treeview-leaf">
                                                                         <span class="k-treeview-leaf-text">Date.Calendar</span>
@@ -691,7 +691,7 @@
                                                                         </span>
                                                                     </span>
                                                                     <span class="k-checkbox-wrap">
-                                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                     </span>
                                                                     <span class="k-treeview-leaf">
                                                                         <span class="k-treeview-leaf-text">Date.Calendar Quarter of Year</span>
@@ -708,7 +708,7 @@
                                                                                 </span>
                                                                             </span>
                                                                             <span class="k-checkbox-wrap">
-                                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                             </span>
                                                                             <span class="k-treeview-leaf">
                                                                                 <span class="k-treeview-leaf-text">(All)</span>
@@ -725,7 +725,7 @@
                                                                                 </span>
                                                                             </span>
                                                                             <span class="k-checkbox-wrap">
-                                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                             </span>
                                                                             <span class="k-treeview-leaf">
                                                                                 <span class="k-treeview-leaf-text">Calendar Quarter of Year</span>
@@ -746,7 +746,7 @@
                                                                 </span>
                                                             </span>
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span class="k-treeview-leaf">
                                                                 <span class="k-treeview-leaf-text">Delivery date</span>
@@ -763,7 +763,7 @@
                                                                 </span>
                                                             </span>
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span class="k-treeview-leaf">
                                                                 <span class="k-treeview-leaf-text">Department</span>
@@ -780,7 +780,7 @@
                                                                 </span>
                                                             </span>
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span class="k-treeview-leaf">
                                                                 <span class="k-treeview-leaf-text">Country</span>
@@ -797,7 +797,7 @@
                                                                 </span>
                                                             </span>
                                                             <span class="k-checkbox-wrap">
-                                                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                             </span>
                                                             <span class="k-treeview-leaf">
                                                                 <span class="k-treeview-leaf-text">Region</span>
@@ -1026,7 +1026,7 @@
                                             </div>
                                             <div class="k-calculated-field-content">
                                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="Custom function" autocomplete="off" value="">
+                                                    <input class="k-input-inner" placeholder="Custom function" autocomplete="off" type="text" value="">
                                                 </span>
                                             </div>
                                             <div class="k-calculated-field-actions">
@@ -1070,7 +1070,7 @@
                                         <div class="k-calculated-field">
                                             <div class="k-calculated-field-header">
                                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Renamed Field">
+                                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Renamed Field">
                                                     <span class="k-input-separator k-input-separator-vertical"></span>
                                                     <span class="k-input-suffix k-input-suffix-horizontal">
                                                         <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
@@ -1103,7 +1103,7 @@
                                                         </span>
                                                     </span>
                                                     <span class="k-input-separator k-input-separator-vertical"></span>
-                                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="=IF(Amount>100, 3%*Amount)">
+                                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="=IF(Amount>100, 3%*Amount)">
                                                 </span>
                                             </div>
                                             <div class="k-calculated-field-actions">
diff --git a/tests/popup/popup-no-data.html b/tests/popup/popup-no-data.html
index 4a40f66b8fb..62fca3b2606 100644
--- a/tests/popup/popup-no-data.html
+++ b/tests/popup/popup-no-data.html
@@ -55,7 +55,7 @@
                                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                     </svg>
                                 </span>
-                                <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                             </span>
                         </div>
                         <div class="k-list k-list-md">
@@ -76,7 +76,7 @@
                                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                     </svg>
                                 </span>
-                                <input type="text" class="k-input-inner" placeholder="Filter..." autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="Filter..." autocomplete="off" type="text" value="">
                             </span>
                         </div>
                         <div class="k-list k-list-md">
diff --git a/tests/prompt/prompt-inline.html b/tests/prompt/prompt-inline.html
index 99fb7314a52..0fa40fd789b 100644
--- a/tests/prompt/prompt-inline.html
+++ b/tests/prompt/prompt-inline.html
@@ -68,7 +68,7 @@
                                                 </span>
                                             </button>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Edit, generate or explain ..." autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Edit, generate or explain ..." autocomplete="off" type="text" value="">
                                         <span class="k-input-suffix k-input-suffix-horizontal">
                                             <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-paper-plane">
@@ -132,7 +132,7 @@
                                                 </span>
                                             </button>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Edit, generate or explain ..." autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Edit, generate or explain ..." autocomplete="off" type="text" value="">
                                         <span class="k-input-suffix k-input-suffix-horizontal">
                                             <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-paper-plane">
@@ -315,7 +315,7 @@
                                                 </span>
                                             </button>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Edit, generate or explain ..." autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Edit, generate or explain ..." autocomplete="off" type="text" value="">
                                         <span class="k-input-suffix k-input-suffix-horizontal">
                                             <button class="k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-paper-plane">
diff --git a/tests/propertygrid/propertygrid.html b/tests/propertygrid/propertygrid.html
index f577016bd63..ef1996797e4 100644
--- a/tests/propertygrid/propertygrid.html
+++ b/tests/propertygrid/propertygrid.html
@@ -44,7 +44,7 @@
                                 </span>
                             </span>
                             <span class="k-input-separator k-input-separator-vertical"></span>
-                            <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                         </span>
                         <span class="k-toolbar-dropdownlist  k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
                             <span class="k-input-inner">
diff --git a/tests/radio/radio-group.html b/tests/radio/radio-group.html
index 283bb9a06f0..478246fa6f6 100644
--- a/tests/radio/radio-group.html
+++ b/tests/radio/radio-group.html
@@ -23,36 +23,36 @@
         <ul class="k-radio-list k-list-vertical">
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="normal-vertical" type="radio" class="k-radio k-radio-md">
+                    <input class="k-radio k-radio-md" type="radio" name="normal-vertical">
                 </span>
             </li>
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="normal-vertical" type="radio" class="k-radio k-radio-md">
+                    <input class="k-radio k-radio-md" type="radio" name="normal-vertical">
                 </span>
             </li>
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="normal-vertical" type="radio" class="k-radio k-radio-md">
+                    <input class="k-radio k-radio-md" type="radio" name="normal-vertical">
                 </span>
             </li>
         </ul>
         <ul class="k-radio-list k-list-vertical">
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="label-vertical" id="rad-vertical-one" type="radio" class="k-radio k-radio-md">
+                    <input id="rad-vertical-one" class="k-radio k-radio-md" type="radio" name="label-vertical">
                 </span>
                 <label class="k-radio-label" for="rad-vertical-one">First</label>
             </li>
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="label-vertical" id="rad-vertical-two" type="radio" class="k-radio k-radio-md">
+                    <input id="rad-vertical-two" class="k-radio k-radio-md" type="radio" name="label-vertical">
                 </span>
                 <label class="k-radio-label" for="rad-vertical-two">Second</label>
             </li>
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="label-vertical" id="rad-vertical-thee" type="radio" class="k-radio k-radio-md">
+                    <input id="rad-vertical-thee" class="k-radio k-radio-md" type="radio" name="label-vertical">
                 </span>
                 <label class="k-radio-label" for="rad-vertical-thee">Third</label>
             </li>
@@ -61,21 +61,21 @@
             <li class="k-radio-list-item">
                 <label class="k-radio-label">
                     <span class="k-radio-wrap">
-                        <input name="inside-label-vertical" type="radio" class="k-radio k-radio-md">
+                        <input class="k-radio k-radio-md" type="radio" name="inside-label-vertical">
                     </span>First
                 </label>
             </li>
             <li class="k-radio-list-item">
                 <label class="k-radio-label">
                     <span class="k-radio-wrap">
-                        <input name="inside-label-vertical" type="radio" class="k-radio k-radio-md">
+                        <input class="k-radio k-radio-md" type="radio" name="inside-label-vertical">
                     </span>Second
                 </label>
             </li>
             <li class="k-radio-list-item">
                 <label class="k-radio-label">
                     <span class="k-radio-wrap">
-                        <input name="inside-label-vertical" type="radio" class="k-radio k-radio-md">
+                        <input class="k-radio k-radio-md" type="radio" name="inside-label-vertical">
                     </span>Third
                 </label>
             </li>
@@ -86,36 +86,36 @@
         <ul class="k-radio-list k-list-horizontal">
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="normal-horizontal" type="radio" class="k-radio k-radio-md">
+                    <input class="k-radio k-radio-md" type="radio" name="normal-horizontal">
                 </span>
             </li>
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="normal-horizontal" type="radio" class="k-radio k-radio-md">
+                    <input class="k-radio k-radio-md" type="radio" name="normal-horizontal">
                 </span>
             </li>
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="normal-horizontal" type="radio" class="k-radio k-radio-md">
+                    <input class="k-radio k-radio-md" type="radio" name="normal-horizontal">
                 </span>
             </li>
         </ul>
         <ul class="k-radio-list k-list-horizontal">
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="label-horizontal" id="rad-horizontal-one" type="radio" class="k-radio k-radio-md">
+                    <input id="rad-horizontal-one" class="k-radio k-radio-md" type="radio" name="label-horizontal">
                 </span>
                 <label class="k-radio-label" for="rad-horizontal-one">First</label>
             </li>
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="label-horizontal" id="rad-horizontal-two" type="radio" class="k-radio k-radio-md">
+                    <input id="rad-horizontal-two" class="k-radio k-radio-md" type="radio" name="label-horizontal">
                 </span>
                 <label class="k-radio-label" for="rad-horizontal-two">Second</label>
             </li>
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="label-horizontal" id="rad-horizontal-thee" type="radio" class="k-radio k-radio-md">
+                    <input id="rad-horizontal-thee" class="k-radio k-radio-md" type="radio" name="label-horizontal">
                 </span>
                 <label class="k-radio-label" for="rad-horizontal-thee">Third</label>
             </li>
@@ -124,21 +124,21 @@
             <li class="k-radio-list-item">
                 <label class="k-radio-label">
                     <span class="k-radio-wrap">
-                        <input name="inside-label-horizontal" type="radio" class="k-radio k-radio-md">
+                        <input class="k-radio k-radio-md" type="radio" name="inside-label-horizontal">
                     </span>First
                 </label>
             </li>
             <li class="k-radio-list-item">
                 <label class="k-radio-label">
                     <span class="k-radio-wrap">
-                        <input name="inside-label-horizontal" type="radio" class="k-radio k-radio-md">
+                        <input class="k-radio k-radio-md" type="radio" name="inside-label-horizontal">
                     </span>Second
                 </label>
             </li>
             <li class="k-radio-list-item">
                 <label class="k-radio-label">
                     <span class="k-radio-wrap">
-                        <input name="inside-label-horizontal" type="radio" class="k-radio k-radio-md">
+                        <input class="k-radio k-radio-md" type="radio" name="inside-label-horizontal">
                     </span>Third
                 </label>
             </li>
diff --git a/tests/radio/radio-label-position.html b/tests/radio/radio-label-position.html
index 2a2875e585e..63064ba1851 100644
--- a/tests/radio/radio-label-position.html
+++ b/tests/radio/radio-label-position.html
@@ -22,19 +22,19 @@
         <ul class="k-radio-list k-list-vertical">
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="vertical-after" id="vertical-after-one" type="radio" class="k-radio k-radio-md">
+                    <input id="vertical-after-one" class="k-radio k-radio-md" type="radio" name="vertical-after">
                 </span>
                 <label class="k-radio-label" for="vertical-after-one">First</label>
             </li>
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="vertical-after" id="vertical-after-two" type="radio" class="k-radio k-radio-md">
+                    <input id="vertical-after-two" class="k-radio k-radio-md" type="radio" name="vertical-after">
                 </span>
                 <label class="k-radio-label" for="vertical-after-two">Second</label>
             </li>
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="vertical-after" id="vertical-after-thee" type="radio" class="k-radio k-radio-md">
+                    <input id="vertical-after-thee" class="k-radio k-radio-md" type="radio" name="vertical-after">
                 </span>
                 <label class="k-radio-label" for="vertical-after-thee">Third</label>
             </li>
@@ -43,19 +43,19 @@
             <li class="k-radio-list-item">
                 <label class="k-radio-label" for="vertical-before-one">First</label>
                 <span class="k-radio-wrap">
-                    <input name="vertical-before" id="vertical-before-one" type="radio" class="k-radio k-radio-md">
+                    <input id="vertical-before-one" class="k-radio k-radio-md" type="radio" name="vertical-before">
                 </span>
             </li>
             <li class="k-radio-list-item">
                 <label class="k-radio-label" for="vertical-before-two">Second</label>
                 <span class="k-radio-wrap">
-                    <input name="vertical-before" id="vertical-before-two" type="radio" class="k-radio k-radio-md">
+                    <input id="vertical-before-two" class="k-radio k-radio-md" type="radio" name="vertical-before">
                 </span>
             </li>
             <li class="k-radio-list-item">
                 <label class="k-radio-label" for="vertical-before-thee">Third</label>
                 <span class="k-radio-wrap">
-                    <input name="vertical-before" id="vertical-before-thee" type="radio" class="k-radio k-radio-md">
+                    <input id="vertical-before-thee" class="k-radio k-radio-md" type="radio" name="vertical-before">
                 </span>
             </li>
         </ul>
@@ -64,19 +64,19 @@
         <ul class="k-radio-list k-list-horizontal">
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="horizontal-after" id="horizontal-after-one" type="radio" class="k-radio k-radio-md">
+                    <input id="horizontal-after-one" class="k-radio k-radio-md" type="radio" name="horizontal-after">
                 </span>
                 <label class="k-radio-label" for="horizontal-after-one">First</label>
             </li>
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="horizontal-after" id="horizontal-after-two" type="radio" class="k-radio k-radio-md">
+                    <input id="horizontal-after-two" class="k-radio k-radio-md" type="radio" name="horizontal-after">
                 </span>
                 <label class="k-radio-label" for="horizontal-after-two">Second</label>
             </li>
             <li class="k-radio-list-item">
                 <span class="k-radio-wrap">
-                    <input name="horizontal-after" id="horizontal-after-three" type="radio" class="k-radio k-radio-md">
+                    <input id="horizontal-after-three" class="k-radio k-radio-md" type="radio" name="horizontal-after">
                 </span>
                 <label class="k-radio-label" for="horizontal-after-three">Third</label>
             </li>
@@ -85,19 +85,19 @@
             <li class="k-radio-list-item">
                 <label class="k-radio-label" for="horizontal-before-one">First</label>
                 <span class="k-radio-wrap">
-                    <input name="horizontal-before" id="horizontal-before-one" type="radio" class="k-radio k-radio-md">
+                    <input id="horizontal-before-one" class="k-radio k-radio-md" type="radio" name="horizontal-before">
                 </span>
             </li>
             <li class="k-radio-list-item">
                 <label class="k-radio-label" for="horizontal-before-two">Second</label>
                 <span class="k-radio-wrap">
-                    <input name="horizontal-before" id="horizontal-before-two" type="radio" class="k-radio k-radio-md">
+                    <input id="horizontal-before-two" class="k-radio k-radio-md" type="radio" name="horizontal-before">
                 </span>
             </li>
             <li class="k-radio-list-item">
                 <label class="k-radio-label" for="horizontal-before-three">Third</label>
                 <span class="k-radio-wrap">
-                    <input name="horizontal-before" id="horizontal-before-three" type="radio" class="k-radio k-radio-md">
+                    <input id="horizontal-before-three" class="k-radio k-radio-md" type="radio" name="horizontal-before">
                 </span>
             </li>
         </ul>
diff --git a/tests/radio/radio-size.html b/tests/radio/radio-size.html
index b935868d249..408de4ed11a 100644
--- a/tests/radio/radio-size.html
+++ b/tests/radio/radio-size.html
@@ -22,145 +22,145 @@
         <span>Large</span>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-unchecked-small" type="radio" class="k-radio k-radio-sm">
+                <input id="rad-unchecked-small" class="k-radio k-radio-sm" type="radio">
             </span>
             <label class="k-radio-label" for="rad-unchecked-small">unchecked</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-unchecked-medium" type="radio" class="k-radio k-radio-md">
+                <input id="rad-unchecked-medium" class="k-radio k-radio-md" type="radio">
             </span>
             <label class="k-radio-label" for="rad-unchecked-medium">unchecked</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-unchecked-large" type="radio" class="k-radio k-radio-lg">
+                <input id="rad-unchecked-large" class="k-radio k-radio-lg" type="radio">
             </span>
             <label class="k-radio-label" for="rad-unchecked-large">unchecked</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-hover-small" type="radio" class="k-radio k-radio-sm k-hover">
+                <input id="rad-hover-small" class="k-radio k-radio-sm k-hover" type="radio">
             </span>
             <label class="k-radio-label" for="rad-hover-small">hover</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-hover-medium" type="radio" class="k-radio k-radio-md k-hover">
+                <input id="rad-hover-medium" class="k-radio k-radio-md k-hover" type="radio">
             </span>
             <label class="k-radio-label" for="rad-hover-medium">hover</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-hover-large" type="radio" class="k-radio k-radio-lg k-hover">
+                <input id="rad-hover-large" class="k-radio k-radio-lg k-hover" type="radio">
             </span>
             <label class="k-radio-label" for="rad-hover-large">hover</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-focus-small" type="radio" class="k-radio k-radio-sm k-focus">
+                <input id="rad-focus-small" class="k-radio k-radio-sm k-focus" type="radio">
             </span>
             <label class="k-radio-label" for="rad-focus-small">focus</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-focus-medium" type="radio" class="k-radio k-radio-md k-focus">
+                <input id="rad-focus-medium" class="k-radio k-radio-md k-focus" type="radio">
             </span>
             <label class="k-radio-label" for="rad-focus-medium">focus</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-focus-large" type="radio" class="k-radio k-radio-lg k-focus">
+                <input id="rad-focus-large" class="k-radio k-radio-lg k-focus" type="radio">
             </span>
             <label class="k-radio-label" for="rad-focus-large">focus</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-valid-small" type="radio" class="k-radio k-radio-sm k-valid">
+                <input id="rad-valid-small" class="k-radio k-radio-sm k-valid" type="radio">
             </span>
             <label class="k-radio-label" for="rad-valid-small">valid</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-valid-medium" type="radio" class="k-radio k-radio-md k-valid">
+                <input id="rad-valid-medium" class="k-radio k-radio-md k-valid" type="radio">
             </span>
             <label class="k-radio-label" for="rad-valid-medium">valid</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-valid-large" type="radio" class="k-radio k-radio-lg k-valid">
+                <input id="rad-valid-large" class="k-radio k-radio-lg k-valid" type="radio">
             </span>
             <label class="k-radio-label" for="rad-valid-large">valid</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-invalid-small" type="radio" class="k-radio k-radio-sm k-invalid">
+                <input id="rad-invalid-small" class="k-radio k-radio-sm k-invalid" type="radio">
             </span>
             <label class="k-radio-label" for="rad-invalid-small">invalid</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-invalid-medium" type="radio" class="k-radio k-radio-md k-invalid">
+                <input id="rad-invalid-medium" class="k-radio k-radio-md k-invalid" type="radio">
             </span>
             <label class="k-radio-label" for="rad-invalid-medium">invalid</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-invalid-large" type="radio" class="k-radio k-radio-lg k-invalid">
+                <input id="rad-invalid-large" class="k-radio k-radio-lg k-invalid" type="radio">
             </span>
             <label class="k-radio-label" for="rad-invalid-large">invalid</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-required-small" type="radio" required="" class="k-radio k-radio-sm">
+                <input id="rad-required-small" required="" class="k-radio k-radio-sm" type="radio">
             </span>
             <label class="k-radio-label" for="rad-required-small">required</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-required-medium" type="radio" required="" class="k-radio k-radio-md">
+                <input id="rad-required-medium" required="" class="k-radio k-radio-md" type="radio">
             </span>
             <label class="k-radio-label" for="rad-required-medium">required</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-required-large" type="radio" required="" class="k-radio k-radio-lg">
+                <input id="rad-required-large" required="" class="k-radio k-radio-lg" type="radio">
             </span>
             <label class="k-radio-label" for="rad-required-large">required</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-disabled-small" type="radio" class="k-radio k-radio-sm k-disabled">
+                <input id="rad-disabled-small" class="k-radio k-radio-sm k-disabled" type="radio">
             </span>
             <label class="k-radio-label" for="rad-disabled-small">disabled</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-disabled-medium" type="radio" class="k-radio k-radio-md k-disabled">
+                <input id="rad-disabled-medium" class="k-radio k-radio-md k-disabled" type="radio">
             </span>
             <label class="k-radio-label" for="rad-disabled-medium">disabled</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-disabled-large" type="radio" class="k-radio k-radio-lg k-disabled">
+                <input id="rad-disabled-large" class="k-radio k-radio-lg k-disabled" type="radio">
             </span>
             <label class="k-radio-label" for="rad-disabled-large">disabled</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-checked-small" type="radio" class="k-radio k-radio-sm k-checked" checked="">
+                <input id="rad-checked-small" class="k-radio k-radio-sm k-checked" type="radio" checked="">
             </span>
             <label class="k-radio-label" for="rad-checked-small">checked</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-checked-medium" type="radio" class="k-radio k-radio-md k-checked" checked="">
+                <input id="rad-checked-medium" class="k-radio k-radio-md k-checked" type="radio" checked="">
             </span>
             <label class="k-radio-label" for="rad-checked-medium">checked</label>
         </section>
         <section>
             <span class="k-radio-wrap">
-                <input id="rad-checked-large" type="radio" class="k-radio k-radio-lg k-checked" checked="">
+                <input id="rad-checked-large" class="k-radio k-radio-lg k-checked" type="radio" checked="">
             </span>
             <label class="k-radio-label" for="rad-checked-large">checked</label>
         </section>
diff --git a/tests/radio/radio.html b/tests/radio/radio.html
index 7236edffd7b..5f4ed1af67c 100644
--- a/tests/radio/radio.html
+++ b/tests/radio/radio.html
@@ -24,287 +24,287 @@
         <span dir="rtl">In label RTL</span>
         <div>
             <span class="k-radio-wrap">
-                <input id="rad-unchecked" type="radio" class="k-radio k-radio-md">
+                <input id="rad-unchecked" class="k-radio k-radio-md" type="radio">
             </span>
             <label class="k-radio-label" for="rad-unchecked">unchecked</label>
         </div>
         <div>
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md">
+                    <input class="k-radio k-radio-md" type="radio">
                 </span>unchecked
             </label>
         </div>
         <div dir="rtl">
             <span class="k-radio-wrap">
-                <input id="rad-unchecked-rtl" type="radio" class="k-radio k-radio-md">
+                <input id="rad-unchecked-rtl" class="k-radio k-radio-md" type="radio">
             </span>
             <label class="k-radio-label" for="rad-unchecked-rtl">unchecked</label>
         </div>
         <div dir="rtl">
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md">
+                    <input class="k-radio k-radio-md" type="radio">
                 </span>unchecked
             </label>
         </div>
         <div>
             <span class="k-radio-wrap">
-                <input id="rad-hover" type="radio" class="k-radio k-radio-md k-hover">
+                <input id="rad-hover" class="k-radio k-radio-md k-hover" type="radio">
             </span>
             <label class="k-radio-label" for="rad-hover">hover</label>
         </div>
         <div>
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-hover">
+                    <input class="k-radio k-radio-md k-hover" type="radio">
                 </span>hover
             </label>
         </div>
         <div dir="rtl">
             <span class="k-radio-wrap">
-                <input id="rad-hover-rtl" type="radio" class="k-radio k-radio-md k-hover">
+                <input id="rad-hover-rtl" class="k-radio k-radio-md k-hover" type="radio">
             </span>
             <label class="k-radio-label" for="rad-hover-rtl">hover</label>
         </div>
         <div dir="rtl">
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-hover">
+                    <input class="k-radio k-radio-md k-hover" type="radio">
                 </span>hover
             </label>
         </div>
         <div>
             <span class="k-radio-wrap">
-                <input id="rad-focus" type="radio" class="k-radio k-radio-md k-focus">
+                <input id="rad-focus" class="k-radio k-radio-md k-focus" type="radio">
             </span>
             <label class="k-radio-label" for="rad-focus">focus</label>
         </div>
         <div>
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-focus">
+                    <input class="k-radio k-radio-md k-focus" type="radio">
                 </span>focus
             </label>
         </div>
         <div dir="rtl">
             <span class="k-radio-wrap">
-                <input id="rad-focus-rtl" type="radio" class="k-radio k-radio-md k-focus">
+                <input id="rad-focus-rtl" class="k-radio k-radio-md k-focus" type="radio">
             </span>
             <label class="k-radio-label" for="rad-focus-rtl">focus</label>
         </div>
         <div dir="rtl">
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-focus">
+                    <input class="k-radio k-radio-md k-focus" type="radio">
                 </span>focus
             </label>
         </div>
         <div>
             <span class="k-radio-wrap">
-                <input id="rad-valid" type="radio" class="k-radio k-radio-md k-valid">
+                <input id="rad-valid" class="k-radio k-radio-md k-valid" type="radio">
             </span>
             <label class="k-radio-label" for="rad-valid">valid</label>
         </div>
         <div>
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-valid">
+                    <input class="k-radio k-radio-md k-valid" type="radio">
                 </span>valid
             </label>
         </div>
         <div dir="rtl">
             <span class="k-radio-wrap">
-                <input id="rad-valid-rtl" type="radio" class="k-radio k-radio-md k-valid">
+                <input id="rad-valid-rtl" class="k-radio k-radio-md k-valid" type="radio">
             </span>
             <label class="k-radio-label" for="rad-valid-rtl">valid</label>
         </div>
         <div dir="rtl">
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-valid">
+                    <input class="k-radio k-radio-md k-valid" type="radio">
                 </span>valid
             </label>
         </div>
         <div>
             <span class="k-radio-wrap">
-                <input id="rad-invalid" type="radio" class="k-radio k-radio-md k-invalid">
+                <input id="rad-invalid" class="k-radio k-radio-md k-invalid" type="radio">
             </span>
             <label class="k-radio-label" for="rad-invalid">invalid</label>
         </div>
         <div>
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-invalid">
+                    <input class="k-radio k-radio-md k-invalid" type="radio">
                 </span>invalid
             </label>
         </div>
         <div dir="rtl">
             <span class="k-radio-wrap">
-                <input id="rad-invalid-rtl" type="radio" class="k-radio k-radio-md k-invalid">
+                <input id="rad-invalid-rtl" class="k-radio k-radio-md k-invalid" type="radio">
             </span>
             <label class="k-radio-label" for="rad-invalid-rtl">invalid</label>
         </div>
         <div dir="rtl">
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-invalid">
+                    <input class="k-radio k-radio-md k-invalid" type="radio">
                 </span>invalid
             </label>
         </div>
         <div>
             <span class="k-radio-wrap">
-                <input id="rad-required" type="radio" required="" class="k-radio k-radio-md">
+                <input id="rad-required" required="" class="k-radio k-radio-md" type="radio">
             </span>
             <label class="k-radio-label" for="rad-required">required</label>
         </div>
         <div>
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" required="" class="k-radio k-radio-md">
+                    <input required="" class="k-radio k-radio-md" type="radio">
                 </span>required
             </label>
         </div>
         <div dir="rtl">
             <span class="k-radio-wrap">
-                <input id="rad-required-rtl" type="radio" required="" class="k-radio k-radio-md">
+                <input id="rad-required-rtl" required="" class="k-radio k-radio-md" type="radio">
             </span>
             <label class="k-radio-label" for="rad-required-rtl">required</label>
         </div>
         <div dir="rtl">
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" required="" class="k-radio k-radio-md">
+                    <input required="" class="k-radio k-radio-md" type="radio">
                 </span>required
             </label>
         </div>
         <div>
             <span class="k-radio-wrap">
-                <input id="rad-disabled" type="radio" class="k-radio k-radio-md k-disabled">
+                <input id="rad-disabled" class="k-radio k-radio-md k-disabled" type="radio">
             </span>
             <label class="k-radio-label" for="rad-disabled">disabled</label>
         </div>
         <div>
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-disabled">
+                    <input class="k-radio k-radio-md k-disabled" type="radio">
                 </span>disabled
             </label>
         </div>
         <div dir="rtl">
             <span class="k-radio-wrap">
-                <input id="rad-disabled-rtl" type="radio" class="k-radio k-radio-md k-disabled">
+                <input id="rad-disabled-rtl" class="k-radio k-radio-md k-disabled" type="radio">
             </span>
             <label class="k-radio-label" for="rad-disabled-rtl">disabled</label>
         </div>
         <div dir="rtl">
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-disabled">
+                    <input class="k-radio k-radio-md k-disabled" type="radio">
                 </span>disabled
             </label>
         </div>
         <div>
             <span class="k-radio-wrap">
-                <input id="rad-checked" type="radio" class="k-radio k-radio-md k-checked" checked="">
+                <input id="rad-checked" class="k-radio k-radio-md k-checked" type="radio" checked="">
             </span>
             <label class="k-radio-label" for="rad-checked">checked</label>
         </div>
         <div>
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-checked" checked="">
+                    <input class="k-radio k-radio-md k-checked" type="radio" checked="">
                 </span>checked
             </label>
         </div>
         <div dir="rtl">
             <span class="k-radio-wrap">
-                <input id="rad-checked-rtl" type="radio" class="k-radio k-radio-md k-checked" checked="">
+                <input id="rad-checked-rtl" class="k-radio k-radio-md k-checked" type="radio" checked="">
             </span>
             <label class="k-radio-label" for="rad-checked-rtl">checked</label>
         </div>
         <div dir="rtl">
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-checked" checked="">
+                    <input class="k-radio k-radio-md k-checked" type="radio" checked="">
                 </span>checked
             </label>
         </div>
         <div>
             <span class="k-radio-wrap">
-                <input id="rad-disabled-checked" type="radio" class="k-radio k-radio-md k-checked k-disabled" checked="">
+                <input id="rad-disabled-checked" class="k-radio k-radio-md k-checked k-disabled" type="radio" checked="">
             </span>
             <label class="k-radio-label" for="rad-disabled-checked">disabled checked</label>
         </div>
         <div>
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-checked k-disabled" checked="">
+                    <input class="k-radio k-radio-md k-checked k-disabled" type="radio" checked="">
                 </span>disabled checked
             </label>
         </div>
         <div dir="rtl">
             <span class="k-radio-wrap">
-                <input id="rad-disabled-checked-rtl" type="radio" class="k-radio k-radio-md k-checked k-disabled" checked="">
+                <input id="rad-disabled-checked-rtl" class="k-radio k-radio-md k-checked k-disabled" type="radio" checked="">
             </span>
             <label class="k-radio-label" for="rad-disabled-checked-rtl">disabled checked</label>
         </div>
         <div dir="rtl">
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-checked k-disabled" checked="">
+                    <input class="k-radio k-radio-md k-checked k-disabled" type="radio" checked="">
                 </span>disabled checked
             </label>
         </div>
         <div class="k-ripple-container">
             <span class="k-radio-wrap">
-                <input id="rad-ripple" type="radio" class="k-radio k-radio-md k-focus">
+                <input id="rad-ripple" class="k-radio k-radio-md k-focus" type="radio">
             </span>
             <label class="k-radio-label" for="rad-ripple">ripple</label>
         </div>
         <div class="k-ripple-container">
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-focus">
+                    <input class="k-radio k-radio-md k-focus" type="radio">
                 </span>ripple
             </label>
         </div>
         <div class="k-ripple-container" dir="rtl">
             <span class="k-radio-wrap">
-                <input id="rad-ripple-rtl" type="radio" class="k-radio k-radio-md k-focus">
+                <input id="rad-ripple-rtl" class="k-radio k-radio-md k-focus" type="radio">
             </span>
             <label class="k-radio-label" for="rad-ripple-rtl">ripple</label>
         </div>
         <div class="k-ripple-container" dir="rtl">
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-focus">
+                    <input class="k-radio k-radio-md k-focus" type="radio">
                 </span>ripple
             </label>
         </div>
         <div>
             <span class="k-radio-wrap">
-                <input id="rad-long" type="radio" class="k-radio k-radio-md k-checked" checked="">
+                <input id="rad-long" class="k-radio k-radio-md k-checked" type="radio" checked="">
             </span>
             <label class="k-radio-label" for="rad-long">Long label Vivamus a arcu lacus. Integer augue leo.</label>
         </div>
         <div>
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-checked" checked="">
+                    <input class="k-radio k-radio-md k-checked" type="radio" checked="">
                 </span>Long label Vivamus a arcu lacus. Integer augue leo.
             </label>
         </div>
         <div dir="rtl">
             <span class="k-radio-wrap">
-                <input id="rad-long-rtl" type="radio" class="k-radio k-radio-md k-checked" checked="">
+                <input id="rad-long-rtl" class="k-radio k-radio-md k-checked" type="radio" checked="">
             </span>
             <label class="k-radio-label" for="rad-long-rtl">Long label Vivamus a arcu lacus. Integer augue leo.</label>
         </div>
         <div dir="rtl">
             <label class="k-radio-label">
                 <span class="k-radio-wrap">
-                    <input type="radio" class="k-radio k-radio-md k-checked" checked="">
+                    <input class="k-radio k-radio-md k-checked" type="radio" checked="">
                 </span>Long label Vivamus a arcu lacus. Integer augue leo.
             </label>
         </div>
diff --git a/tests/scheduler/scheduler-edit-dialog.html b/tests/scheduler/scheduler-edit-dialog.html
index 4d2daca533d..01079b68cc5 100644
--- a/tests/scheduler/scheduler-edit-dialog.html
+++ b/tests/scheduler/scheduler-edit-dialog.html
@@ -55,7 +55,7 @@
                             <label class="k-label k-form-label">Title</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Invalid">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Invalid">
                                     <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                             <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -76,7 +76,7 @@
                             <label class="k-label k-form-label">Start</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="dd/MM/yyyy hh:mm AM" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="dd/MM/yyyy hh:mm AM" autocomplete="off" type="text" value="">
                                     <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -91,7 +91,7 @@
                             <label class="k-label k-form-label">End</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="dd/MM/yyyy hh:mm AM" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="dd/MM/yyyy hh:mm AM" autocomplete="off" type="text" value="">
                                     <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -105,7 +105,7 @@
                         <div class="k-form-field">
                             <div class="k-form-field-wrap">
                                 <span class="k-checkbox-wrap">
-                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                 </span>
                                 <label class="k-checkbox-label">All Day Event</label>
                             </div>
@@ -113,7 +113,7 @@
                         <div class="k-form-field">
                             <div class="k-form-field-wrap">
                                 <span class="k-checkbox-wrap">
-                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                 </span>
                                 <label class="k-checkbox-label">Specify Time Zone</label>
                             </div>
@@ -147,7 +147,7 @@
                                         <label class="k-label k-form-label">Repeat every</label>
                                         <div class="k-form-field-wrap">
                                             <span class="k-recur-interval k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                 <span class="k-spin-button k-input-spinner">
                                                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -176,17 +176,17 @@
                                             <ul class="k-radio-list k-list-vertical">
                                                 <li class="k-radio-list-item">
                                                     <span class="k-radio-wrap">
-                                                        <input id="k-endrule-never" type="radio" class="k-radio k-radio-md">
+                                                        <input id="k-endrule-never" class="k-radio k-radio-md" type="radio">
                                                     </span>
                                                     <label class="k-radio-label" for="k-endrule-never">Never</label>
                                                 </li>
                                                 <li class="k-radio-list-item">
                                                     <span class="k-radio-wrap">
-                                                        <input id="k-endrule-count" type="radio" class="k-radio k-radio-md">
+                                                        <input id="k-endrule-count" class="k-radio k-radio-md" type="radio">
                                                     </span>
                                                     <label class="k-radio-label" for="k-endrule-count">After</label>
                                                     <span class="k-recur-count k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                         <span class="k-spin-button k-input-spinner">
                                                             <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -208,11 +208,11 @@
                                                 </li>
                                                 <li class="k-radio-list-item">
                                                     <span class="k-radio-wrap">
-                                                        <input id="k-endrule-until" type="radio" class="k-radio k-radio-md">
+                                                        <input id="k-endrule-until" class="k-radio k-radio-md" type="radio">
                                                     </span>
                                                     <label class="k-radio-label" for="k-endrule-until">On</label>
                                                     <span class="k-recur-until k-datepicker k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                         <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -240,7 +240,7 @@
                             <label class="k-label k-form-label">Owner</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="Select owner" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Select owner" autocomplete="off" type="text" value="">
                                     <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -258,7 +258,7 @@
                                 <span class="k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                                     <div class="k-input-values">
                                         <div class="k-chip-list k-chip-list-md"></div>
-                                        <input type="text" class="k-input-inner" placeholder="Invite people" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Invite people" autocomplete="off" type="text" value="">
                                     </div>
                                 </span>
                             </div>
diff --git a/tests/scheduler/scheduler-editing-weekly.html b/tests/scheduler/scheduler-editing-weekly.html
index 478417b9d6c..d15dae7abe4 100644
--- a/tests/scheduler/scheduler-editing-weekly.html
+++ b/tests/scheduler/scheduler-editing-weekly.html
@@ -55,7 +55,7 @@
                             <label class="k-label k-form-label">Title</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Invalid">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Invalid">
                                     <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                             <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -76,7 +76,7 @@
                             <label class="k-label k-form-label">Start</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="dd/MM/yyyy hh:mm AM" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="dd/MM/yyyy hh:mm AM" autocomplete="off" type="text" value="">
                                     <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -90,7 +90,7 @@
                         <div class="k-form-field">
                             <div class="k-form-field-wrap">
                                 <span class="k-checkbox-wrap">
-                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                    <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                 </span>
                                 <label class="k-checkbox-label">Specify Time Zone</label>
                             </div>
@@ -99,7 +99,7 @@
                             <label class="k-label k-form-label">Start Time Zone</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="Eastern European Summer Time (Sofia-Bulgaria)" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Eastern European Summer Time (Sofia-Bulgaria)" autocomplete="off" type="text" value="">
                                     <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -114,7 +114,7 @@
                             <label class="k-label k-form-label">End</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-datetimepicker k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="dd/MM/yyyy hh:mm AM" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="dd/MM/yyyy hh:mm AM" autocomplete="off" type="text" value="">
                                     <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -128,7 +128,7 @@
                         <div class="k-form-field">
                             <div class="k-form-field-wrap">
                                 <span class="k-checkbox-wrap">
-                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                    <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                 </span>
                                 <label class="k-checkbox-label">End in different Time Zone</label>
                             </div>
@@ -137,7 +137,7 @@
                             <label class="k-label k-form-label">End Time Zone</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="Select Time Zone, Country, City" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Select Time Zone, Country, City" autocomplete="off" type="text" value="">
                                     <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -151,7 +151,7 @@
                         <div class="k-form-field">
                             <div class="k-form-field-wrap">
                                 <span class="k-checkbox-wrap">
-                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                 </span>
                                 <label class="k-checkbox-label">All Day Event</label>
                             </div>
@@ -183,7 +183,7 @@
                                                 <label class="k-label k-form-label">Repeat every:</label>
                                                 <div class="k-form-field-wrap">
                                                     <span class="k-recur-interval k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                         <span class="k-spin-button k-input-spinner">
                                                             <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -240,17 +240,17 @@
                                                     <ul class="k-radio-list k-list-vertical">
                                                         <li class="k-radio-list-item">
                                                             <span class="k-radio-wrap">
-                                                                <input id="k-endrule-never" type="radio" class="k-radio k-radio-md">
+                                                                <input id="k-endrule-never" class="k-radio k-radio-md" type="radio">
                                                             </span>
                                                             <label class="k-radio-label" for="k-endrule-never">Never</label>
                                                         </li>
                                                         <li class="k-radio-list-item">
                                                             <span class="k-radio-wrap">
-                                                                <input id="k-endrule-count" type="radio" class="k-radio k-radio-md">
+                                                                <input id="k-endrule-count" class="k-radio k-radio-md" type="radio">
                                                             </span>
                                                             <label class="k-radio-label" for="k-endrule-count">After</label>
                                                             <span class="k-recur-count k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                                 <span class="k-spin-button k-input-spinner">
                                                                     <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -272,11 +272,11 @@
                                                         </li>
                                                         <li class="k-radio-list-item">
                                                             <span class="k-radio-wrap">
-                                                                <input id="k-endrule-until" type="radio" class="k-radio k-radio-md">
+                                                                <input id="k-endrule-until" class="k-radio k-radio-md" type="radio">
                                                             </span>
                                                             <label class="k-radio-label" for="k-endrule-until">On</label>
                                                             <span class="k-recur-until k-datepicker k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                                                                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                                                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                                                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -306,7 +306,7 @@
                             <label class="k-label k-form-label">Owner</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="Select owner" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Select owner" autocomplete="off" type="text" value="">
                                     <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -324,7 +324,7 @@
                                 <span class="k-multiselect k-input k-input-md k-input-solid k-rounded-md">
                                     <div class="k-input-values">
                                         <div class="k-chip-list k-chip-list-md"></div>
-                                        <input type="text" class="k-input-inner" placeholder="Invite people" autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Invite people" autocomplete="off" type="text" value="">
                                     </div>
                                 </span>
                             </div>
diff --git a/tests/searchbox/searchbox-flat.html b/tests/searchbox/searchbox-flat.html
index b84d6ee7ce9..bcdbeb93fee 100644
--- a/tests/searchbox/searchbox-flat.html
+++ b/tests/searchbox/searchbox-flat.html
@@ -26,7 +26,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
@@ -36,7 +36,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
@@ -46,7 +46,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -63,7 +63,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -80,7 +80,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -97,7 +97,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -114,7 +114,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -131,7 +131,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -148,7 +148,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -170,7 +170,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -192,7 +192,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -214,7 +214,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -236,7 +236,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -253,7 +253,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -270,7 +270,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div dir="rtl">
@@ -280,7 +280,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div>
@@ -290,7 +290,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
@@ -301,7 +301,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
@@ -312,7 +312,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -334,7 +334,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/searchbox/searchbox-outline.html b/tests/searchbox/searchbox-outline.html
index cf59d737b91..431f345d26b 100644
--- a/tests/searchbox/searchbox-outline.html
+++ b/tests/searchbox/searchbox-outline.html
@@ -26,7 +26,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
@@ -36,7 +36,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
@@ -46,7 +46,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -63,7 +63,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -80,7 +80,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -97,7 +97,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -114,7 +114,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -131,7 +131,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -148,7 +148,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -170,7 +170,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -192,7 +192,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -214,7 +214,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -236,7 +236,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -253,7 +253,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -270,7 +270,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div dir="rtl">
@@ -280,7 +280,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div>
@@ -290,7 +290,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
@@ -301,7 +301,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
@@ -312,7 +312,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -334,7 +334,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/searchbox/searchbox-solid.html b/tests/searchbox/searchbox-solid.html
index 26ba5ef5025..2bbc70045f5 100644
--- a/tests/searchbox/searchbox-solid.html
+++ b/tests/searchbox/searchbox-solid.html
@@ -26,7 +26,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
@@ -36,7 +36,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
@@ -46,7 +46,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -63,7 +63,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -80,7 +80,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -97,7 +97,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -114,7 +114,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -131,7 +131,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -148,7 +148,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -170,7 +170,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -192,7 +192,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -214,7 +214,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -236,7 +236,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -253,7 +253,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -270,7 +270,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div dir="rtl">
@@ -280,7 +280,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div>
@@ -290,7 +290,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
@@ -301,7 +301,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
@@ -312,7 +312,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -334,7 +334,7 @@
                         <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                     </svg>
                 </span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/spreadsheet/spreadsheet-cell-contextmenu.html b/tests/spreadsheet/spreadsheet-cell-contextmenu.html
index cbb81ba40c1..f6dd71ce457 100644
--- a/tests/spreadsheet/spreadsheet-cell-contextmenu.html
+++ b/tests/spreadsheet/spreadsheet-cell-contextmenu.html
@@ -277,7 +277,7 @@
             <div class="k-spreadsheet-action-bar">
                 <div class="k-spreadsheet-name-editor">
                     <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="B6" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="B6" autocomplete="off" type="text" value="">
                         <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/spreadsheet/spreadsheet-data-validation.html b/tests/spreadsheet/spreadsheet-data-validation.html
index c940d9858e6..e3c3f63d4ef 100644
--- a/tests/spreadsheet/spreadsheet-data-validation.html
+++ b/tests/spreadsheet/spreadsheet-data-validation.html
@@ -38,7 +38,7 @@
                             <label class="k-label k-form-label">Cell Range</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Input Value">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Input Value">
                                     <span class="k-clear-value">
                                         <span class="k-icon k-svg-icon k-svg-i-x">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -87,14 +87,14 @@
                             <label class="k-label k-form-label">Min</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="Placeholder" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Placeholder" autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                         </div>
                         <div class="k-form-field">
                             <div class="k-form-field-wrap">
                                 <span class="k-checkbox-wrap">
-                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                 </span>
                                 <label class="k-checkbox-label">Ignore blank</label>
                             </div>
@@ -105,13 +105,13 @@
                                 <ul class="k-radio-list k-list-vertical">
                                     <li class="k-radio-list-item">
                                         <span class="k-radio-wrap">
-                                            <input type="radio" class="k-radio k-radio-md k-checked" checked="">
+                                            <input class="k-radio k-radio-md k-checked" type="radio" checked="">
                                         </span>
                                         <label class="k-radio-label">Reject input</label>
                                     </li>
                                     <li class="k-radio-list-item">
                                         <span class="k-radio-wrap">
-                                            <input type="radio" class="k-radio k-radio-md">
+                                            <input class="k-radio k-radio-md" type="radio">
                                         </span>
                                         <label class="k-radio-label">Show warning</label>
                                     </li>
@@ -121,7 +121,7 @@
                         <div class="k-form-field">
                             <div class="k-form-field-wrap">
                                 <span class="k-checkbox-wrap">
-                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                 </span>
                                 <label class="k-checkbox-label">Show hint</label>
                             </div>
diff --git a/tests/spreadsheet/spreadsheet-file-dialogs.html b/tests/spreadsheet/spreadsheet-file-dialogs.html
index cea37780d22..c51351c4d32 100644
--- a/tests/spreadsheet/spreadsheet-file-dialogs.html
+++ b/tests/spreadsheet/spreadsheet-file-dialogs.html
@@ -65,7 +65,7 @@
                             <label class="k-label k-form-label">File name</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="Workbook" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Workbook" autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                         </div>
diff --git a/tests/spreadsheet/spreadsheet-filter-menu.html b/tests/spreadsheet/spreadsheet-filter-menu.html
index dd3902bb55d..74b0bfe2d19 100644
--- a/tests/spreadsheet/spreadsheet-filter-menu.html
+++ b/tests/spreadsheet/spreadsheet-filter-menu.html
@@ -70,7 +70,7 @@
                                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                             </svg>
                                         </span>
-                                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                                     </span>
                                     <div class="k-spreadsheet-value-treeview-wrapper">
                                         <div class="k-treeview k-treeview-md">
@@ -85,7 +85,7 @@
                                                             </span>
                                                         </span>
                                                         <span class="k-checkbox-wrap">
-                                                            <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                            <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                         </span>
                                                         <span class="k-treeview-leaf">
                                                             <span class="k-treeview-leaf-text">All</span>
@@ -95,7 +95,7 @@
                                                         <li class="k-treeview-item">
                                                             <span class="k-treeview-top">
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">$14.87</span>
@@ -105,7 +105,7 @@
                                                         <li class="k-treeview-item">
                                                             <span class="k-treeview-mid">
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">$21.10</span>
@@ -115,7 +115,7 @@
                                                         <li class="k-treeview-item">
                                                             <span class="k-treeview-mid">
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">$16.79</span>
@@ -125,7 +125,7 @@
                                                         <li class="k-treeview-item">
                                                             <span class="k-treeview-mid">
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">$11.39</span>
@@ -135,7 +135,7 @@
                                                         <li class="k-treeview-item">
                                                             <span class="k-treeview-mid">
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">$41.36</span>
@@ -145,7 +145,7 @@
                                                         <li class="k-treeview-item">
                                                             <span class="k-treeview-mid">
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">$13.19</span>
@@ -155,7 +155,7 @@
                                                         <li class="k-treeview-item">
                                                             <span class="k-treeview-mid">
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">$41.94</span>
@@ -165,7 +165,7 @@
                                                         <li class="k-treeview-item">
                                                             <span class="k-treeview-mid">
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">$23.95</span>
@@ -175,7 +175,7 @@
                                                         <li class="k-treeview-item">
                                                             <span class="k-treeview-bot">
                                                                 <span class="k-checkbox-wrap">
-                                                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                                    <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                                 </span>
                                                                 <span class="k-treeview-leaf">
                                                                     <span class="k-treeview-leaf-text">$16.16</span>
diff --git a/tests/spreadsheet/spreadsheet-filtering.html b/tests/spreadsheet/spreadsheet-filtering.html
index 2071350182d..55c2526e838 100644
--- a/tests/spreadsheet/spreadsheet-filtering.html
+++ b/tests/spreadsheet/spreadsheet-filtering.html
@@ -270,7 +270,7 @@
             <div class="k-spreadsheet-action-bar">
                 <div class="k-spreadsheet-name-editor">
                     <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="B6" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="B6" autocomplete="off" type="text" value="">
                         <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/spreadsheet/spreadsheet-find-replace-dialog.html b/tests/spreadsheet/spreadsheet-find-replace-dialog.html
index d710c6eb13e..65c99bfd092 100644
--- a/tests/spreadsheet/spreadsheet-find-replace-dialog.html
+++ b/tests/spreadsheet/spreadsheet-find-replace-dialog.html
@@ -38,7 +38,7 @@
                             <label class="k-label k-form-label">Find</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="Placeholder" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Placeholder" autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                         </div>
@@ -46,7 +46,7 @@
                             <label class="k-label k-form-label">Replace with</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="Placeholder" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Placeholder" autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                         </div>
diff --git a/tests/spreadsheet/spreadsheet-format-dialogs.html b/tests/spreadsheet/spreadsheet-format-dialogs.html
index 517af28f51e..dce3d98c89c 100644
--- a/tests/spreadsheet/spreadsheet-format-dialogs.html
+++ b/tests/spreadsheet/spreadsheet-format-dialogs.html
@@ -55,7 +55,7 @@
                             <label class="k-label k-form-label">Sample</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-dateinput k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="1/17/2022">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="1/17/2022">
                                 </span>
                             </div>
                         </div>
@@ -121,7 +121,7 @@
                             <label class="k-label k-form-label">Apply to range</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="Placeholder" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Placeholder" autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                         </div>
@@ -163,7 +163,7 @@
                             <label class="k-label k-form-label">Apply to range</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="Placeholder" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Placeholder" autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                         </div>
diff --git a/tests/spreadsheet/spreadsheet-formula.html b/tests/spreadsheet/spreadsheet-formula.html
index 68dec27a7c8..cc2e30669e9 100644
--- a/tests/spreadsheet/spreadsheet-formula.html
+++ b/tests/spreadsheet/spreadsheet-formula.html
@@ -60,7 +60,7 @@
             <div class="k-spreadsheet-action-bar">
                 <div class="k-spreadsheet-name-editor">
                     <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="B6" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="B6" autocomplete="off" type="text" value="">
                         <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/spreadsheet/spreadsheet-insert-dialogs.html b/tests/spreadsheet/spreadsheet-insert-dialogs.html
index ddda436b853..b51167077e9 100644
--- a/tests/spreadsheet/spreadsheet-insert-dialogs.html
+++ b/tests/spreadsheet/spreadsheet-insert-dialogs.html
@@ -143,7 +143,7 @@
                             <label class="k-label k-form-label">URL address</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Input value">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Input value">
                                     <span class="k-clear-value">
                                         <span class="k-icon k-svg-icon k-svg-i-x">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -207,7 +207,7 @@
                             <label class="k-label k-form-label">Cell reference</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="B3:B11">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="B3:B11">
                                     <span class="k-clear-value">
                                         <span class="k-icon k-svg-icon k-svg-i-x">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/spreadsheet/spreadsheet-jquery.html b/tests/spreadsheet/spreadsheet-jquery.html
index 7eab1a4fc12..e3334c0f081 100644
--- a/tests/spreadsheet/spreadsheet-jquery.html
+++ b/tests/spreadsheet/spreadsheet-jquery.html
@@ -117,7 +117,7 @@
                                 </button>
                             </span>
                             <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                                <input type="text" class="k-input-inner" placeholder="12" autocomplete="off" value="">
+                                <input class="k-input-inner" placeholder="12" autocomplete="off" type="text" value="">
                                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -321,7 +321,7 @@
             <div class="k-spreadsheet-action-bar">
                 <div class="k-spreadsheet-name-editor">
                     <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="Combobox..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Combobox..." autocomplete="off" type="text" value="">
                         <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/spreadsheet/spreadsheet-print.html b/tests/spreadsheet/spreadsheet-print.html
index 168c8845f57..30fdc97934f 100644
--- a/tests/spreadsheet/spreadsheet-print.html
+++ b/tests/spreadsheet/spreadsheet-print.html
@@ -97,19 +97,19 @@
                                                     <ul class="k-radio-list k-list-horizontal">
                                                         <li class="k-radio-list-item">
                                                             <span class="k-radio-wrap">
-                                                                <input type="radio" class="k-radio k-radio-md">
+                                                                <input class="k-radio k-radio-md" type="radio">
                                                             </span>
                                                             <label class="k-radio-label">Auto</label>
                                                         </li>
                                                         <li class="k-radio-list-item">
                                                             <span class="k-radio-wrap">
-                                                                <input type="radio" class="k-radio k-radio-md">
+                                                                <input class="k-radio k-radio-md" type="radio">
                                                             </span>
                                                             <label class="k-radio-label">Portrait</label>
                                                         </li>
                                                         <li class="k-radio-list-item">
                                                             <span class="k-radio-wrap">
-                                                                <input type="radio" class="k-radio k-radio-md">
+                                                                <input class="k-radio k-radio-md" type="radio">
                                                             </span>
                                                             <label class="k-radio-label">Landscape</label>
                                                         </li>
@@ -127,13 +127,13 @@
                                                     <ul class="k-radio-list k-list-horizontal">
                                                         <li class="k-radio-list-item">
                                                             <span class="k-radio-wrap">
-                                                                <input type="radio" class="k-radio k-radio-md">
+                                                                <input class="k-radio k-radio-md" type="radio">
                                                             </span>
                                                             <label class="k-radio-label">All</label>
                                                         </li>
                                                         <li class="k-radio-list-item">
                                                             <span class="k-radio-wrap">
-                                                                <input type="radio" class="k-radio k-radio-md">
+                                                                <input class="k-radio k-radio-md" type="radio">
                                                             </span>
                                                             <label class="k-radio-label">Range</label>
                                                         </li>
@@ -144,7 +144,7 @@
                                                 <label class="k-label k-form-label">&nbsp;</label>
                                                 <div class="k-form-field-wrap">
                                                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="Example: 2 or 1 - 3" autocomplete="off" value="">
+                                                        <input class="k-input-inner" placeholder="Example: 2 or 1 - 3" autocomplete="off" type="text" value="">
                                                     </span>
                                                 </div>
                                             </div>
@@ -157,7 +157,7 @@
                                                 <label class="k-label k-form-label">Top</label>
                                                 <div class="k-form-field-wrap">
                                                     <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="25.0">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="25.0">
                                                         <span class="k-clear-value">
                                                             <span class="k-icon k-svg-icon k-svg-i-x">
                                                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -205,7 +205,7 @@
                                                 <label class="k-label k-form-label">Bottom</label>
                                                 <div class="k-form-field-wrap">
                                                     <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="25.0">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="25.0">
                                                         <span class="k-clear-value">
                                                             <span class="k-icon k-svg-icon k-svg-i-x">
                                                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -253,7 +253,7 @@
                                                 <label class="k-label k-form-label">Left</label>
                                                 <div class="k-form-field-wrap">
                                                     <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="25.0">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="25.0">
                                                         <span class="k-clear-value">
                                                             <span class="k-icon k-svg-icon k-svg-i-x">
                                                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -301,7 +301,7 @@
                                                 <label class="k-label k-form-label">Right</label>
                                                 <div class="k-form-field-wrap">
                                                     <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="25.0">
+                                                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="25.0">
                                                         <span class="k-clear-value">
                                                             <span class="k-icon k-svg-icon k-svg-i-x">
                                                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -398,13 +398,13 @@
                                             <ul class="k-search-options k-checkbox-list k-list-vertical">
                                                 <li class="k-checkbox-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <label class="k-checkbox-label">Grid lines</label>
                                                 </li>
                                                 <li class="k-checkbox-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <label class="k-checkbox-label">Row and column headings</label>
                                                 </li>
@@ -417,13 +417,13 @@
                                             <ul class="k-search-options k-checkbox-list k-list-vertical">
                                                 <li class="k-checkbox-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <label class="k-checkbox-label">Horizontally</label>
                                                 </li>
                                                 <li class="k-checkbox-list-item">
                                                     <span class="k-checkbox-wrap">
-                                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                                     </span>
                                                     <label class="k-checkbox-label">Vertically</label>
                                                 </li>
diff --git a/tests/spreadsheet/spreadsheet-row-contextmenu.html b/tests/spreadsheet/spreadsheet-row-contextmenu.html
index 2dd48fbbb5a..675fdec1ac8 100644
--- a/tests/spreadsheet/spreadsheet-row-contextmenu.html
+++ b/tests/spreadsheet/spreadsheet-row-contextmenu.html
@@ -277,7 +277,7 @@
             <div class="k-spreadsheet-action-bar">
                 <div class="k-spreadsheet-name-editor">
                     <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="B6" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="B6" autocomplete="off" type="text" value="">
                         <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/spreadsheet/spreadsheet-sheets-bar.html b/tests/spreadsheet/spreadsheet-sheets-bar.html
index da10257b911..51484911436 100644
--- a/tests/spreadsheet/spreadsheet-sheets-bar.html
+++ b/tests/spreadsheet/spreadsheet-sheets-bar.html
@@ -248,7 +248,7 @@
                             <label class="k-label k-form-label">Rename sheet</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="Sheet name" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="Sheet name" autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                         </div>
diff --git a/tests/spreadsheet/spreadsheet.html b/tests/spreadsheet/spreadsheet.html
index f1b0f3aee6f..ea8ff0dd73f 100644
--- a/tests/spreadsheet/spreadsheet.html
+++ b/tests/spreadsheet/spreadsheet.html
@@ -270,7 +270,7 @@
             <div class="k-spreadsheet-action-bar">
                 <div class="k-spreadsheet-name-editor">
                     <span class="k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="B6" autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="B6" autocomplete="off" type="text" value="">
                         <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/taskboard/taskboard-card.html b/tests/taskboard/taskboard-card.html
index 099e45b78d5..87303fd7c12 100644
--- a/tests/taskboard/taskboard-card.html
+++ b/tests/taskboard/taskboard-card.html
@@ -30,7 +30,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
diff --git a/tests/taskboard/taskboard-column.html b/tests/taskboard/taskboard-column.html
index 34e0be992f0..62e16a4a141 100644
--- a/tests/taskboard/taskboard-column.html
+++ b/tests/taskboard/taskboard-column.html
@@ -40,7 +40,7 @@
                                     <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                 </svg>
                             </span>
-                            <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                         </span>
                     </div>
                 </div>
@@ -101,7 +101,7 @@
                             <div class="k-taskboard-column-header">
                                 <div class="k-taskboard-column-header-text k-text-ellipsis">
                                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                        <input type="text" class="k-input-inner" placeholder="Edit column name..." autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="Edit column name..." autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                                 <span class="k-spacer"></span>
@@ -156,7 +156,7 @@
                             <div class="k-taskboard-column-header">
                                 <div class="k-taskboard-column-header-text k-text-ellipsis">
                                     <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                        <input type="text" class="k-input-inner" placeholder="New column..." autocomplete="off" value="">
+                                        <input class="k-input-inner" placeholder="New column..." autocomplete="off" type="text" value="">
                                     </span>
                                 </div>
                                 <span class="k-spacer"></span>
@@ -211,7 +211,7 @@
                                     <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                                 </svg>
                             </span>
-                            <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                            <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                         </span>
                     </div>
                 </div>
diff --git a/tests/taskboard/taskboard-pane.html b/tests/taskboard/taskboard-pane.html
index 04bdf097127..f23d40a8fa1 100644
--- a/tests/taskboard/taskboard-pane.html
+++ b/tests/taskboard/taskboard-pane.html
@@ -36,7 +36,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -271,7 +271,7 @@
                             <label class="k-label k-form-label">Textbox:</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                         </div>
@@ -316,7 +316,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
@@ -551,7 +551,7 @@
                             <label class="k-label k-form-label">Textbox:</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                 </span>
                             </div>
                         </div>
diff --git a/tests/taskboard/taskboard-rtl.html b/tests/taskboard/taskboard-rtl.html
index 4847460016c..1f7fab9df01 100644
--- a/tests/taskboard/taskboard-rtl.html
+++ b/tests/taskboard/taskboard-rtl.html
@@ -40,7 +40,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
diff --git a/tests/taskboard/taskboard.html b/tests/taskboard/taskboard.html
index c62dd544a82..2ebd4e1c025 100644
--- a/tests/taskboard/taskboard.html
+++ b/tests/taskboard/taskboard.html
@@ -40,7 +40,7 @@
                                 <path d="M365.3 320h-22.7l-26.7-26.7C338.5 265.7 352 230.4 352 192c0-88.4-71.6-160-160-160S32 103.6 32 192s71.6 160 160 160c38.4 0 73.7-13.5 101.3-36.1l26.7 26.7v22.7L434.7 480l45.3-45.3zM64 192c0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128S64 262.7 64 192"></path>
                             </svg>
                         </span>
-                        <input type="text" class="k-input-inner" placeholder="Search..." autocomplete="off" value="">
+                        <input class="k-input-inner" placeholder="Search..." autocomplete="off" type="text" value="">
                     </span>
                 </div>
             </div>
diff --git a/tests/textbox/textbox-flat.html b/tests/textbox/textbox-flat.html
index a850fecc7f5..1a1652b250a 100644
--- a/tests/textbox/textbox-flat.html
+++ b/tests/textbox/textbox-flat.html
@@ -21,27 +21,27 @@
         <span>TextBox Flat RTL</span>
         <div>
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -53,7 +53,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -65,7 +65,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -77,7 +77,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -89,7 +89,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -101,7 +101,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -113,7 +113,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -130,7 +130,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -147,7 +147,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -164,7 +164,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -181,7 +181,7 @@
         </div>
         <div>
             <span required="" class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -193,7 +193,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -205,39 +205,39 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -254,7 +254,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/textbox/textbox-outline.html b/tests/textbox/textbox-outline.html
index 2ece4262a83..ad4592e8bc9 100644
--- a/tests/textbox/textbox-outline.html
+++ b/tests/textbox/textbox-outline.html
@@ -21,27 +21,27 @@
         <span>TextBox Outline RTL</span>
         <div>
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -53,7 +53,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -65,7 +65,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -77,7 +77,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -89,7 +89,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -101,7 +101,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -113,7 +113,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -130,7 +130,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -147,7 +147,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -164,7 +164,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -181,7 +181,7 @@
         </div>
         <div>
             <span required="" class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -193,7 +193,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -205,39 +205,39 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -254,7 +254,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/textbox/textbox-prefix-suffix.html b/tests/textbox/textbox-prefix-suffix.html
index 05022311b19..9e6cbeeb217 100644
--- a/tests/textbox/textbox-prefix-suffix.html
+++ b/tests/textbox/textbox-prefix-suffix.html
@@ -29,7 +29,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -41,7 +41,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -63,7 +63,7 @@
                     <span class="k-input-prefix-text">https://</span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -88,12 +88,12 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md">
@@ -108,7 +108,7 @@
                     <span class="k-input-prefix-text">https://</span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <span class="k-input-suffix-text">.com</span>
@@ -126,7 +126,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -143,7 +143,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -170,7 +170,7 @@
                     <span class="k-input-prefix-text">https://</span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -200,7 +200,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -212,7 +212,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -234,7 +234,7 @@
                     <span class="k-input-prefix-text">https://</span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -260,7 +260,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -272,7 +272,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -294,7 +294,7 @@
                     <span class="k-input-prefix-text">https://</span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -319,12 +319,12 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md">
@@ -339,7 +339,7 @@
                     <span class="k-input-prefix-text">https://</span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <span class="k-input-suffix-text">.com</span>
@@ -357,7 +357,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -374,7 +374,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -401,7 +401,7 @@
                     <span class="k-input-prefix-text">https://</span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -431,7 +431,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -443,7 +443,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -465,7 +465,7 @@
                     <span class="k-input-prefix-text">https://</span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -491,7 +491,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -503,7 +503,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -525,7 +525,7 @@
                     <span class="k-input-prefix-text">https://</span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -550,12 +550,12 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <button class="k-button k-button-md k-button-clear k-button-clear-base k-rounded-md">
@@ -570,7 +570,7 @@
                     <span class="k-input-prefix-text">https://</span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-separator k-input-separator-vertical"></span>
                 <span class="k-input-suffix k-input-suffix-horizontal">
                     <span class="k-input-suffix-text">.com</span>
@@ -588,7 +588,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -605,7 +605,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -632,7 +632,7 @@
                     <span class="k-input-prefix-text">https://</span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -662,7 +662,7 @@
                     </span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -674,7 +674,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -696,7 +696,7 @@
                     <span class="k-input-prefix-text">https://</span>
                 </span>
                 <span class="k-input-separator k-input-separator-vertical"></span>
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Prefix &amp; Suffix">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Prefix &amp; Suffix">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/textbox/textbox-size-rounded.html b/tests/textbox/textbox-size-rounded.html
index 246e0f990b6..8269c1fcbfc 100644
--- a/tests/textbox/textbox-size-rounded.html
+++ b/tests/textbox/textbox-size-rounded.html
@@ -27,7 +27,7 @@
         <span>small</span>
         <div>
             <span class="k-textbox k-input k-input-sm k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Textbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Textbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -39,7 +39,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Textbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Textbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -51,7 +51,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-lg k-input-solid k-rounded-sm">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Textbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Textbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -64,7 +64,7 @@
         <span>medium</span>
         <div>
             <span class="k-textbox k-input k-input-sm k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Textbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Textbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -76,7 +76,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Textbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Textbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -88,7 +88,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-lg k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Textbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Textbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -101,7 +101,7 @@
         <span>large</span>
         <div>
             <span class="k-textbox k-input k-input-sm k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Textbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Textbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -113,7 +113,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Textbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Textbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -125,7 +125,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-lg k-input-solid k-rounded-lg">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Textbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Textbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -138,7 +138,7 @@
         <span>full</span>
         <div>
             <span class="k-textbox k-input k-input-sm k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Textbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Textbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -150,7 +150,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Textbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Textbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -162,7 +162,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-lg k-input-solid k-rounded-full">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Textbox">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Textbox">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/textbox/textbox-solid.html b/tests/textbox/textbox-solid.html
index 3e5f383c3fd..3d4409736b6 100644
--- a/tests/textbox/textbox-solid.html
+++ b/tests/textbox/textbox-solid.html
@@ -21,27 +21,27 @@
         <span>TextBox RTL</span>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -53,7 +53,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -65,7 +65,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -77,7 +77,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -89,7 +89,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -101,7 +101,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -113,7 +113,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -130,7 +130,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -147,7 +147,7 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -164,7 +164,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -181,7 +181,7 @@
         </div>
         <div>
             <span required="" class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -193,7 +193,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -205,39 +205,39 @@
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
             </span>
         </div>
         <div>
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -254,7 +254,7 @@
         </div>
         <div dir="rtl">
             <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/timedurationpicker/timedurationpicker-expanded.html b/tests/timedurationpicker/timedurationpicker-expanded.html
index da0c01ac193..05b86629a79 100644
--- a/tests/timedurationpicker/timedurationpicker-expanded.html
+++ b/tests/timedurationpicker/timedurationpicker-expanded.html
@@ -24,7 +24,7 @@
         <span>TimeDurationPicker RTL</span>
         <div>
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="02 days : 01 hours : 30 mins" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="02 days : 01 hours : 30 mins" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock-arrow-rotate">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -188,7 +188,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="02 days : 01 hours : 30 mins" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="02 days : 01 hours : 30 mins" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock-arrow-rotate">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/timedurationpicker/timedurationpicker.html b/tests/timedurationpicker/timedurationpicker.html
index 49acb948467..fc1a1cfe644 100644
--- a/tests/timedurationpicker/timedurationpicker.html
+++ b/tests/timedurationpicker/timedurationpicker.html
@@ -21,7 +21,7 @@
         <span>TimeDurationPicker RTL</span>
         <div>
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="02 days : 01 hours : 30 mins" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="02 days : 01 hours : 30 mins" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock-arrow-rotate">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -33,7 +33,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="02 days : 01 hours : 30 mins" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="02 days : 01 hours : 30 mins" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock-arrow-rotate">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -64,7 +64,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -83,7 +83,7 @@
         </div>
         <div>
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -102,7 +102,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -121,7 +121,7 @@
         </div>
         <div>
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -140,7 +140,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -159,7 +159,7 @@
         </div>
         <div>
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Disabled">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock-arrow-rotate">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -171,7 +171,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Disabled">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock-arrow-rotate">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -183,7 +183,7 @@
         </div>
         <div>
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -207,7 +207,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -231,7 +231,7 @@
         </div>
         <div>
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -255,7 +255,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -279,7 +279,7 @@
         </div>
         <div>
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Invalid Focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Invalid Focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -303,7 +303,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Invalid Focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Invalid Focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -327,7 +327,7 @@
         </div>
         <div>
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Loading...">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Loading...">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock-arrow-rotate">
@@ -340,7 +340,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timedurationpicker k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Loading...">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Loading...">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock-arrow-rotate">
diff --git a/tests/timepicker/timepicker-adaptive.html b/tests/timepicker/timepicker-adaptive.html
index 7f83eb69b5a..8cd6c79c2e7 100644
--- a/tests/timepicker/timepicker-adaptive.html
+++ b/tests/timepicker/timepicker-adaptive.html
@@ -29,7 +29,7 @@
         <span>full screen</span>
         <section>
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -226,7 +226,7 @@
         </section>
         <section>
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/timepicker/timepicker-flat.html b/tests/timepicker/timepicker-flat.html
index 353a0c295ea..8e0e9c0ec61 100644
--- a/tests/timepicker/timepicker-flat.html
+++ b/tests/timepicker/timepicker-flat.html
@@ -21,7 +21,7 @@
         <span>TimePicker Flat RTL</span>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -33,7 +33,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -64,7 +64,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -83,7 +83,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -102,7 +102,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -121,7 +121,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -140,7 +140,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -159,7 +159,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -183,7 +183,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -207,7 +207,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -231,7 +231,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -255,7 +255,7 @@
         </div>
         <div>
             <span required="" class="k-timepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -274,7 +274,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-timepicker k-input k-input-md k-input-flat k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -293,7 +293,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -305,7 +305,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -317,7 +317,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
@@ -330,7 +330,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
@@ -343,7 +343,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -355,7 +355,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -367,7 +367,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -391,7 +391,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-flat k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/timepicker/timepicker-opened.html b/tests/timepicker/timepicker-opened.html
index a8dd20b7afa..d6b7ea47f40 100644
--- a/tests/timepicker/timepicker-opened.html
+++ b/tests/timepicker/timepicker-opened.html
@@ -24,7 +24,7 @@
         <span>TimePicker RTL</span>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Opened">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Opened">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -206,7 +206,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Opened">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Opened">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/timepicker/timepicker-outline.html b/tests/timepicker/timepicker-outline.html
index 7eadc46f796..35a2affe989 100644
--- a/tests/timepicker/timepicker-outline.html
+++ b/tests/timepicker/timepicker-outline.html
@@ -21,7 +21,7 @@
         <span>TimePicker Outline RTL</span>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -33,7 +33,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -64,7 +64,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -83,7 +83,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -102,7 +102,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -121,7 +121,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -140,7 +140,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -159,7 +159,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -183,7 +183,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -207,7 +207,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -231,7 +231,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -255,7 +255,7 @@
         </div>
         <div>
             <span required="" class="k-timepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -274,7 +274,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-timepicker k-input k-input-md k-input-outline k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -293,7 +293,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -305,7 +305,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -317,7 +317,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
@@ -330,7 +330,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
@@ -343,7 +343,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -355,7 +355,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -367,7 +367,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -391,7 +391,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-outline k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/timepicker/timepicker-solid.html b/tests/timepicker/timepicker-solid.html
index 5158522194c..3d58418d5e0 100644
--- a/tests/timepicker/timepicker-solid.html
+++ b/tests/timepicker/timepicker-solid.html
@@ -21,7 +21,7 @@
         <span>TimePicker RTL</span>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -33,7 +33,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="placeholder..." autocomplete="off" value="">
+                <input class="k-input-inner" placeholder="placeholder..." autocomplete="off" type="text" value="">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -45,7 +45,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -64,7 +64,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="normal">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="normal">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -83,7 +83,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -102,7 +102,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md k-hover">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="hover">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="hover">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -121,7 +121,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -140,7 +140,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="focus">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -159,7 +159,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -183,7 +183,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md k-valid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="valid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="valid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-check-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 32C132.3 32 32 132.3 32 256s100.3 224 224 224 224-100.3 224-224S379.7 32 256 32m-32 352L96 256l45-45 83 83 147-147 45 45z"></path>
@@ -207,7 +207,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -231,7 +231,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -255,7 +255,7 @@
         </div>
         <div>
             <span required="" class="k-timepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -274,7 +274,7 @@
         </div>
         <div dir="rtl">
             <span required="" class="k-timepicker k-input k-input-md k-input-solid k-rounded-md">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="required">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="required">
                 <span class="k-clear-value">
                     <span class="k-icon k-svg-icon k-svg-i-x">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -293,7 +293,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -305,7 +305,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="disabled">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="disabled">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -317,7 +317,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
@@ -330,7 +330,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md k-loading">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="loading">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="loading">
                 <span class="k-input-loading-icon k-icon k-i-loading"></span>
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
@@ -343,7 +343,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -355,7 +355,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md k-readonly">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="readonly">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="readonly">
                 <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-clock">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -367,7 +367,7 @@
         </div>
         <div>
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -391,7 +391,7 @@
         </div>
         <div dir="rtl">
             <span class="k-timepicker k-input k-input-md k-input-solid k-rounded-md k-invalid k-focus">
-                <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="invalid focus">
+                <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="invalid focus">
                 <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                         <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
diff --git a/tests/toolbar/toolbar-components.html b/tests/toolbar/toolbar-components.html
index ec44341ff23..3ed323597b5 100644
--- a/tests/toolbar/toolbar-components.html
+++ b/tests/toolbar/toolbar-components.html
@@ -238,7 +238,7 @@
             <div class="k-toolbar k-toolbar-md k-toolbar-solid">
                 <div>
                     <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Normal">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Normal">
                         <span class="k-clear-value">
                             <span class="k-icon k-svg-icon k-svg-i-x">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -257,7 +257,7 @@
                 </div>
                 <div>
                     <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-hover">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Hover">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Hover">
                         <span class="k-clear-value">
                             <span class="k-icon k-svg-icon k-svg-i-x">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -276,7 +276,7 @@
                 </div>
                 <div>
                     <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-focus">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Focus">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Focus">
                         <span class="k-clear-value">
                             <span class="k-icon k-svg-icon k-svg-i-x">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -295,7 +295,7 @@
                 </div>
                 <div>
                     <span class="k-combobox k-input k-input-md k-input-solid k-rounded-md k-disabled">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Disabled">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Disabled">
                         <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/toolbar/toolbar-fill-modes.html b/tests/toolbar/toolbar-fill-modes.html
index f9a8a4d51b8..af41a8b1beb 100644
--- a/tests/toolbar/toolbar-fill-modes.html
+++ b/tests/toolbar/toolbar-fill-modes.html
@@ -52,7 +52,7 @@
                 </button>
                 <div class="k-toolbar-separator k-separator"></div>
                 <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Font Name">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Font Name">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -69,7 +69,7 @@
                     </button>
                 </span>
                 <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Font Size">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Font Size">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -272,7 +272,7 @@
                     </button>
                     <div class="k-toolbar-separator k-separator"></div>
                     <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Font Name">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Font Name">
                         <span class="k-clear-value">
                             <span class="k-icon k-svg-icon k-svg-i-x">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -289,7 +289,7 @@
                         </button>
                     </span>
                     <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-solid k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Font Size">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Font Size">
                         <span class="k-clear-value">
                             <span class="k-icon k-svg-icon k-svg-i-x">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -492,7 +492,7 @@
                 </button>
                 <div class="k-toolbar-separator k-separator"></div>
                 <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Font Name">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Font Name">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -509,7 +509,7 @@
                     </button>
                 </span>
                 <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Font Size">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Font Size">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -712,7 +712,7 @@
                     </button>
                     <div class="k-toolbar-separator k-separator"></div>
                     <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Font Name">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Font Name">
                         <span class="k-clear-value">
                             <span class="k-icon k-svg-icon k-svg-i-x">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -729,7 +729,7 @@
                         </button>
                     </span>
                     <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-outline k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Font Size">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Font Size">
                         <span class="k-clear-value">
                             <span class="k-icon k-svg-icon k-svg-i-x">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -932,7 +932,7 @@
                 </button>
                 <div class="k-toolbar-separator k-separator"></div>
                 <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Font Name">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Font Name">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -949,7 +949,7 @@
                     </button>
                 </span>
                 <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Font Size">
+                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Font Size">
                     <span class="k-clear-value">
                         <span class="k-icon k-svg-icon k-svg-i-x">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -1152,7 +1152,7 @@
                     </button>
                     <div class="k-toolbar-separator k-separator"></div>
                     <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Font Name">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Font Name">
                         <span class="k-clear-value">
                             <span class="k-icon k-svg-icon k-svg-i-x">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -1169,7 +1169,7 @@
                         </button>
                     </span>
                     <span class="k-toolbar-combobox  k-combobox k-input k-input-md k-input-flat k-rounded-md">
-                        <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Font Size">
+                        <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Font Size">
                         <span class="k-clear-value">
                             <span class="k-icon k-svg-icon k-svg-i-x">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/treelist/treelist-editing-popup.html b/tests/treelist/treelist-editing-popup.html
index ccf1fab6afb..7363703408c 100644
--- a/tests/treelist/treelist-editing-popup.html
+++ b/tests/treelist/treelist-editing-popup.html
@@ -55,7 +55,7 @@
                             <label class="k-label k-form-label">Text data field label</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md k-invalid">
-                                    <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="Invalid">
+                                    <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="Invalid">
                                     <span class="k-input-validation-icon k-icon k-svg-icon k-svg-i-warning-circle">
                                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                             <path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224m-32-352h64v160h-64zm0 256v-64h64v64z"></path>
@@ -76,7 +76,7 @@
                             <label class="k-label k-form-label">Date data field label</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="dd/MM/yyyy" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="dd/MM/yyyy" autocomplete="off" type="text" value="">
                                     <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -91,7 +91,7 @@
                             <label class="k-label k-form-label">Numeric data field label</label>
                             <div class="k-form-field-wrap">
                                 <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                    <input type="text" class="k-input-inner" placeholder="##,###" autocomplete="off" value="">
+                                    <input class="k-input-inner" placeholder="##,###" autocomplete="off" type="text" value="">
                                     <span class="k-spin-button k-input-spinner">
                                         <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -114,7 +114,7 @@
                         <div class="k-form-field">
                             <div class="k-form-field-wrap">
                                 <span class="k-checkbox-wrap">
-                                    <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md k-checked" checked="">
+                                    <input class="k-checkbox k-checkbox-md k-rounded-md k-checked" type="checkbox" checked="">
                                 </span>
                                 <label class="k-checkbox-label">Boolean data field label</label>
                             </div>
diff --git a/tests/treelist/treelist-react.html b/tests/treelist/treelist-react.html
index 8e76a010e75..f6a5ead8ff3 100644
--- a/tests/treelist/treelist-react.html
+++ b/tests/treelist/treelist-react.html
@@ -46,7 +46,7 @@
                                 <div class="k-filtercell">
                                     <span>
                                         <span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                         </span>
                                         <span class="k-dropdown-operator k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md">
                                             <span class="k-input-inner"></span>
@@ -72,7 +72,7 @@
                                 <div class="k-filtercell">
                                     <span>
                                         <span class="k-numerictextbox k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                             <span class="k-spin-button k-input-spinner">
                                                 <button class="k-spinner-increase k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
@@ -114,7 +114,7 @@
                                 <div class="k-filtercell">
                                     <span>
                                         <span class="k-datepicker k-input k-input-md k-input-solid k-rounded-md">
-                                            <input type="text" class="k-input-inner" placeholder="" autocomplete="off" value="">
+                                            <input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
                                             <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">
                                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-calendar">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
diff --git a/tests/treeview/treeview.html b/tests/treeview/treeview.html
index b8ef959a9b6..f50ec11a7e7 100644
--- a/tests/treeview/treeview.html
+++ b/tests/treeview/treeview.html
@@ -483,7 +483,7 @@
                     <li class="k-treeview-item">
                         <span class="k-treeview-top">
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-treeview-leaf">
                                 <span class="k-treeview-leaf-text">Root 1</span>
@@ -500,7 +500,7 @@
                                 </span>
                             </span>
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-treeview-leaf">
                                 <span class="k-treeview-leaf-text">Root 2</span>
@@ -510,7 +510,7 @@
                             <li class="k-treeview-item">
                                 <span class="k-treeview-top">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <span class="k-treeview-leaf">
                                         <span class="k-treeview-leaf-text">Child 2.1</span>
@@ -527,7 +527,7 @@
                                         </span>
                                     </span>
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <span class="k-treeview-leaf">
                                         <span class="k-treeview-leaf-text">Child 2.2</span>
@@ -537,7 +537,7 @@
                             <li class="k-treeview-item">
                                 <span class="k-treeview-bot">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <span class="k-treeview-leaf">
                                         <span class="k-treeview-leaf-text">Child 2.3</span>
@@ -556,7 +556,7 @@
                                 </span>
                             </span>
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-treeview-leaf">
                                 <span class="k-treeview-leaf-text">Root 3</span>
@@ -572,7 +572,7 @@
                     <li class="k-treeview-item">
                         <span class="k-treeview-top">
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-treeview-leaf">
                                 <span class="k-treeview-leaf-text">Root 1</span>
@@ -589,7 +589,7 @@
                                 </span>
                             </span>
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-treeview-leaf">
                                 <span class="k-treeview-leaf-text">Root 2</span>
@@ -599,7 +599,7 @@
                             <li class="k-treeview-item">
                                 <span class="k-treeview-top">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <span class="k-treeview-leaf">
                                         <span class="k-treeview-leaf-text">Child 2.1</span>
@@ -616,7 +616,7 @@
                                         </span>
                                     </span>
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <span class="k-treeview-leaf">
                                         <span class="k-treeview-leaf-text">Child 2.2</span>
@@ -626,7 +626,7 @@
                             <li class="k-treeview-item">
                                 <span class="k-treeview-bot">
                                     <span class="k-checkbox-wrap">
-                                        <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                        <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                                     </span>
                                     <span class="k-treeview-leaf">
                                         <span class="k-treeview-leaf-text">Child 2.3</span>
@@ -645,7 +645,7 @@
                                 </span>
                             </span>
                             <span class="k-checkbox-wrap">
-                                <input type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md">
+                                <input class="k-checkbox k-checkbox-md k-rounded-md" type="checkbox">
                             </span>
                             <span class="k-treeview-leaf">
                                 <span class="k-treeview-leaf-text">Root 3</span>