按鈕式超連結
按鈕式超連結用於導航欄,會出現水平與垂直樣式兩種情況。連結就是單純地將訪問者帶到另一個頁面或網址。
按鈕是表單元素,通常具有一定的互動行為。其中提交按鈕用於提交表單,從而觸發伺服器端動作(或其它動作)。
雖然用 JS 可以讓二者功能互換,但這樣做是不合理的。以標準化的角度來說,這樣做存在可訪問性問題。視覺上的裝飾完全可以由 CSS 來實現。html button按鈕模擬超連結的三種方法.
方法一:form表單方法
實現程式碼:
方法二:window.location.href 方法
程式碼如下:
方法三:在button之外新增超連結
</a> 來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2236/viewspace-2823079/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 按鈕連結乾坤大挪移 (轉)
- 去掉超連結或按鈕點選時出現的虛線邊框
- 點選按鈕複製連結程式碼例項
- 製作Gmail式按鈕AI
- Qt更改按鈕樣式 (以QSpinBox使用左右按鈕樣式為例)QT
- checkbox樣式研究——按鈕
- 按鈕上面的按鈕 (轉)
- Bootstrap系列 -- 42. 導航條中的按鈕、文字和連結boot
- webuploader橫向按鈕樣式Web
- 檔案上傳按鈕樣式
- 按鈕
- 日常總結 --- 視訊播放按鈕
- angular雙向繫結—(按鈕+下拉)Angular
- ZeroClipboard 多個複製按鈕,多個複製連結 實現方式
- css 最經典的按鈕樣式CSS
- 按鈕禁用
- Bootstrap 按鈕boot
- android短視訊開發,點選分享按鈕生成分享連結Android
- TextView:超連結的樣式與跳轉TextView
- 超漂亮的CSS3按鈕製作教程分享CSSS3
- 「HTML+CSS」--自定義按鈕樣式【004】HTMLCSS
- 「HTML+CSS」--自定義按鈕樣式【003】HTMLCSS
- antd-mobile 自定義picker按鈕樣式
- Bootstrap3系列:按鈕式下拉選單boot
- [HTML/CSS]uploadify自定義按鈕樣式HTMLCSS
- 點選按鈕複製連結到我的貼上板【相容所有瀏覽器】瀏覽器
- Fiori Elements List Report table 裡的普通按鈕,Global 按鈕 和 Determining 按鈕
- HTML超連結HTML
- ln 超連結
- 窗體(文字框,按鈕,單選按鈕,標籤)
- 點選一個按鈕使其樣式發生變化,再點選另一個按鈕發生同樣變化,但上一個按鈕樣式復原
- 【CSS】【16】設定超連結的CSS樣式CSS
- 小程式按鈕
- Flutter Button(按鈕)Flutter
- iOS 按鈕動畫iOS動畫
- 復飛按鈕
- 新增按鈕事件事件
- div按鈕CSSCSS