直接在a標籤裏面進行頁面跳轉

跳轉頁面

開發工具與關鍵技術：MVC，URL
撰寫時間：2019.06.09

跳轉頁面最重要的是路徑，在我點擊某個地方的時候，要跳轉到另外一個頁面，這種實現方法有很多，我就用一種最簡單的。

在我點擊了綠色的按鈕的時候，上面的鏈接發生改變，說明頁面已經實現跳轉

在我的方法裏其實就是找到綠色的按鈕，然後把路徑直接寫上去，然後點擊按鈕時就直接跳轉過去了

 <button class="layui-btn layui-btn-group layui-btn-sm">
       <a href="/SystemSettings/StaffGL/RolePower">
<i class="layui-icon">&#xe672;</i>
</a>
</button>

表單：
表單裏面用得最多的就是input標籤，input標籤是文本標籤，

<input name="userloginname" id="userloginname" placeholder="用戶名" maxlength="30" type="text" class="inputText wf250" value="" data-rule="用戶名" spellcheck="false">

這種是普通的文本類型，因爲type是“text”；文本框裏面的文字提示是因爲placeholder=“用戶名”，效果：

 <input name="usersex" id="usersex_boy" type="radio" checked="" class="" value="0" spellcheck="false"><label for="usersex_boy">男</label>&nbsp;&nbsp;&nbsp;
    <input name="usersex" id="usersex_gril" type="radio" class=" " value="1" spellcheck="false"><label for="usersex_gril">女</label>

這種是單選框，type是“radio”，checked有默認選中的效果，效果圖：

<input name="userpassword" id="userpassword" type="password" value="" class="inputText wf250 " data-rule="登錄密碼" placeholder="密碼" spellcheck="false">

這種是密碼文本框，也就是在輸入內容時，會隱藏輸入的內容，因爲type是“password”，password是密碼/口令的意思，所以密碼的輸入肯定是要有一種隱藏的效果的，效果：

 <input rolename="管理員" name="userroleid" id="roleid_1" type="checkbox" disabled="disabled" spellcheck="false"> <label for="roleid_1">&nbsp;管理員 &nbsp;&nbsp;</label>
    <input rolename="銷售組" name="userroleid" id="roleid_940956" type="checkbox" value="940956" spellcheck="false"><label for="roleid_940956">&nbsp;銷售組 &nbsp;&nbsp;</label>

..........

這種是複選框，type是“CheckBox”，可以加disacled（禁用效果），效果：