将现有输入和表转换为Kendo Textbox和Kendo Grid

Question

我有一个登录表单，我想肯定它，即基本上将其转换为这样的响应式表单：http://demos.telerik.com/kendo-ui/validator/index

是否有一种快速的方法可以让我将现有的用户名和密码字段转换为kendo文本框字段，以便我能够实现响应式设计而无需自己再次实际创建字段？期待您的建议。

我的表格：

<form action="https://../Portal" method="post" name="loginForm">
  <input name="act" value="portalLogin" type="hidden">
  <input name="c" value="12912" type="hidden">
  <input name="p" value="101074" type="hidden">
  <input name="d" value="101076" type="hidden">
  <input name="g" value="101097" type="hidden">
  <input name="objDefId" value="13439" type="hidden">
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tbody>
      <tr>
        <td>
          <div id="rbi_S_101098" name="Notification Message">
            <table class="wide rbwhite" cellpadding="0" cellspacing="0">
              <tbody>
                <tr>
                </tr>
              </tbody>
            </table>
          </div>
          <table class="wide" height="10px">
            <tbody>
              <tr>
                <td></td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
      <tr>
        <td>
          <div class="k-content" id="rbi_S_101100" name="User Login">
            <table class="wide rbwhite" cellpadding="0" cellspacing="0">
              <tbody>
                <tr>
                  <td colspan="2">
                    <table>
                      <tbody>
                        <tr>
                          <td nowrap="" align="right"><strong>Login Name&nbsp;</strong>
                          </td>
                          <td nowrap="">
                            <input class="k-textbox" name="loginName" maxlength="50" size="40" type="text">
                          </td>
                        </tr>
                        <tr height="5">
                          <td></td>
                        </tr>
                        <tr>
                          <td nowrap="" align="right"><strong>Password&nbsp;</strong>
                          </td>
                          <td nowrap="">
                            <input class="k-textbox" name="password" maxlength="50" size="40" type="password">
                          </td>
                        </tr>
                        <tr height="5">
                          <td></td>
                        </tr>
                        <tr>
                          <td></td>
                          <td alignmant="right" nowrap="">
                            <strong><input class="btn btn-small" value=" Login " type="submit"></strong>&nbsp;&nbsp;</td>
                        </tr>
                        <tr height="5">
                          <td></td>
                        </tr>
                        <tr>
                          <td></td>
                          <td alignment="right" nowrap="">
                            <a href="https://../forgotPassword.jsp">Forgot your password?</a>&nbsp;&nbsp;</td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                  <script>
                    document.loginForm.loginName.focus();
                  </script>
                </tr>
                <tr>
                </tr>
              </tbody>
            </table>
          </div>
          <table class="wide" height="10px">
            <tbody>
              <tr>
                <td></td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
      <tr>
        <td>
          <div id="rbi_S_114558" name="Scripts Section">
            <table class="wide rbwhite" cellpadding="0" cellspacing="0">
              <tbody>
                <tr>
                  <td class="detailHTMLCol" colspan="2">
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <table class="wide" height="10px">
            <tbody>
              <tr>
                <td></td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</form>

干杯。