今天做程序的時候感覺HTML中的Input的按鈕功能真的很弱,開始到處找資料怎麼拓展關於Input中的功能。
看了很多大多都是採用JavaScript來拓展功能,本人JavaScript沒基礎。所以也沒法說出個字醜午卯來!大家自己看吧。
這裏所提供的都是很常用的按鈕擴展應用知識。如果喜歡我的CTO博客請各位收藏一下。只要覺得常用的東西本人會立即更新到博客上,供大家研究分享學習技術。力爭趕超歐美技術交流的活躍度!
1.通過Input完成頁面鏈接操作
代碼:<input type="button" value="《按鈕名稱》" onclick="location.href='《你要鏈接的頁面位置》'"/>
2.通過Input完成頁面關閉操作
代碼:<input type="button" value="《按鈕名稱》" "window.close();" />
3.通過Input完成打開新頁面
代碼:<input type="button" value="《按鈕名稱》" onclick="window.open('《頁面地址》')" />
4.通過Input完成彈出確認alert窗口
代碼:<input type="button" name="Submit1" value="確定" class="btn" onClick="alert('是否確認提交?');location.href= '《確認後跳轉到的頁面位置》';return false;" >
代碼II:<input type="button" name="Submit2" value="確定" class="btn" onClick="if (confirm('是否確認提交?'))location.href= '《確認後跳轉到的頁面位置》';return false;" >