Chèn link vào button trong html là một trong những cách giúp tăng tỷ lệ chuyển đổi cho site cũng như là góp phần làm cho bài viết thêm đẹp hơn. Nhưng không phải ai cũng biết cách chèn link vào button trong HTML sao cho hợp lí và hiệu quả. Trong bài viết này, xaydungweb.vn sẽ viết bài viết Tổng hợp cách chèn link vào button trong HTML mới nhất 2020.
Xem thêm: Hướng dẫn xây dựng web api entity framework mới nhất 2020
Tổng hợp cách chèn link vào button trong html mới nhất 2020
Chèn link vào button trong html
Tôi mong muốn tạo một nút HTML hoạt động như một liên kết. do vậy, khi bạn nhấp vào nút, nó sẽ chuyển hướng đến một trang. Tôi mong muốn nó có thể truy cập càng tốt.
Tôi cũng mong muốn nó do đó k có bất kỳ ký tự hoặc tham số bổ sung nào trong URL.
Làm sao tôi đủ nội lực đạt được điều này?
Tạo một nút HTML hoạt động như một liên kết
Dựa trên các câu trả lời được tải ngày nay, tôi hiện vừa mới làm điều này:
<form method="get" action="/page2">
<button type="submit">Continue</button>
</form>nhưng vấn đề với điều này là trong Safari và Internet Explorer , nó thêm một ký tự dấu hỏi vào cuối URL. Tôi cần tìm một giải pháp k thêm bất kỳ ký tự nào vào cuối URL.
Có hai giải pháp không giống để sử dụng điều này: dùng JavaScript hoặc tạo kiểu liên kết để trông giống như một nút.
Sử dụng JavaScript:
<button onclick="window.location.href='/page2'">Continue</button>
Nhưng điều này rõ ràng đòi hỏi JavaScript và vì lý cho nên, trình đọc màn ảnh khó tiếp cận hơn. Điểm của một liên kết là đi đến một trang khác. cho nên, nỗ lực để làm cho một nút hoạt động giống như một link là phương pháp sai. đề xuất của tôi là bạn nên sử dụng một liên kết và tạo kiểu cho nó như một nút .
<a href="/link/to/page2">Continue</a>Xem thêm: Text-indent trong css? Tại sao chúng ta cần hiểu thuộc tính text-indent?
nguồn: www.it-swarm.net 
