按鈕式超連結
按鈕式超連結用於導航欄,會出現水平與垂直樣式兩種情況。連結就是單純地將訪問者帶到另一個頁面或網址。
按鈕是表單元素,通常具有一定的互動行為。其中提交按鈕用於提交表單,從而觸發伺服器端動作(或其它動作)。
雖然用 JS 可以讓二者功能互換,但這樣做是不合理的。以標準化的角度來說,這樣做存在可訪問性問題。視覺上的裝飾完全可以由 CSS 來實現。html button按鈕模擬超連結的三種方法.
方法一:form表單方法
實現程式碼:
方法二:window.location.href 方法
程式碼如下:
方法三:在button之外新增超連結
</a> 來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2236/viewspace-2823079/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Qt更改按鈕樣式 (以QSpinBox使用左右按鈕樣式為例)QT
- 日常總結 --- 視訊播放按鈕
- angular雙向繫結—(按鈕+下拉)Angular
- 提取超連結正規表示式
- ZeroClipboard 多個複製按鈕,多個複製連結 實現方式
- android短視訊開發,點選分享按鈕生成分享連結Android
- css 最經典的按鈕樣式CSS
- 如何自定義radio按鈕的樣式
- Fiori Elements List Report table 裡的普通按鈕,Global 按鈕 和 Determining 按鈕
- 高亮按鈕
- antd-mobile 自定義picker按鈕樣式
- 「HTML+CSS」--自定義按鈕樣式【004】HTMLCSS
- 「HTML+CSS」--自定義按鈕樣式【003】HTMLCSS
- 「HTML+CSS」--自定義按鈕樣式【001】HTMLCSS
- 「HTML+CSS」--自定義按鈕樣式【002】HTMLCSS
- Flutter總結之懸浮按鈕FloatingActionButton使用Flutter
- 點選一個按鈕使其樣式發生變化,再點選另一個按鈕發生同樣變化,但上一個按鈕樣式復原
- Flutter Button(按鈕)Flutter
- 小程式按鈕
- 復飛按鈕
- 如何在鬆弛中建立互動式按鈕
- 登陸註冊按鈕的樣式設計
- ln 超連結
- [譯] 用 Flutter 實現 Facebook 的響應式按鈕Flutter
- 在 js 裡定義按鈕的響應函式JS函式
- DcatAdmin行操作按鈕樣式調整(圖示+文字)
- HTML input image 按鈕HTML
- HTML input button 按鈕HTML
- HTML input image按鈕HTML
- HTML input button按鈕HTML
- vue 封裝按鈕Vue封裝
- VBA命令按鈕操作
- 瞭解下Foundation 按鈕
- 小程式的按鈕按下去的樣式(button-hover)為啥不起作用?
- 乾貨!必看創意按鈕設計,打造真正的按鈕誘惑
- 【HTML】03超連結HTML
- JFrame容器和JButton按鈕
- flutter demo (二):禁用按鈕Flutter