Hướng dẫn how do you link a button in html? - làm thế nào để bạn liên kết một nút trong html?

Question

Có một số cách tạo nút HTML, hoạt động giống như một liên kết (nghĩa là, nhấp vào nó, người dùng được chuyển hướng đến URL được chỉ định). Bạn có thể chọn một trong các phương thức sau để thêm liên kết vào nút HTML.

Nội dung chính Show

Ví dụ về việc thêm một sự kiện onclick vào thẻ:
Ví dụ về việc thêm một sự kiện onclick vào thẻ:
Một cách khác để tạo một nút hoạt động như một liên kết là sử dụng thuộc tính hành động hoặc hình thành trong phần tử.action attribute:
Để mở liên kết trong một tab mới, thêm Target = "_ Blank".
Vì không có biểu mẫu và không có dữ liệu nào được gửi, điều này có thể không chính xác về mặt ngữ nghĩa. Tuy nhiên, đánh dấu này là hợp lệ.formaction attribute:
Thêm một liên kết được tạo kiểu như một nút với các thuộc tính CSS. Thuộc tính HREF là thuộc tính cần thiết của thẻ. Nó chỉ định một liên kết trên trang web hoặc một địa điểm trên cùng một trang nơi người dùng điều hướng sau khi nhấp vào liên kết.
Hãy xem thêm một ví dụ nữa.
Làm cách nào để liên kết một nút với trang khác?
Làm thế nào để bạn thêm một liên kết vào một nút bấm?
Làm cách nào để liên kết một nút với CSS trong HTML?

Bạn có thể thêm một sự kiện nội tuyến vào thẻ.

Điều này có thể không hoạt động nếu nút nằm trong một phần tử.

Ví dụ về việc thêm một sự kiện onclick vào thẻ:

html>
<html>
  <head>
    <title>Title of the documenttitle>
  head>
  <body>
    <button onclick="window.location.href='https://w3docs.com';">
      Click Here
    button>
  body>
html>

Cũng có thể thêm một sự kiện nội tuyến vào thẻ trong phần tử.

Ví dụ về việc thêm một sự kiện onclick vào thẻ:

html>
<html>
  <head>
    <title>Title of the documenttitle>
  head>
  <body>
    <form>
      <input type="button" onclick="window.location.href='https://www.w3docs.com';" value="w3docs" />
    form>
  body>
html>

Cũng có thể thêm một sự kiện nội tuyến vào thẻ trong phần tử.

Các liên kết đã giành được công việc khi JavaScript bị vô hiệu hóa và các công cụ tìm kiếm có thể bỏ qua loại liên kết này.formaction attribute within the

element.

Một cách khác để tạo một nút hoạt động như một liên kết là sử dụng thuộc tính hành động hoặc hình thành trong phần tử.action attribute:

html>
<html>
   <head>
      <title>Title of the documenttitle>
   head>
   <body>
      <form action="https://www.w3docs.com/">
         <button type="submit">Click mebutton>
      form>
   body>
html>

Ví dụ về việc tạo một nút hoạt động như một liên kết với thuộc tính hành động:

Để mở liên kết trong một tab mới, thêm Target = "_ Blank".

html>
<html>
   <head>
      <title>Title of the documenttitle>
   head>
   <body>
      <form action="https://www.w3docs.com/" method="get" target="_blank">
         <button type="submit">Click mebutton>
      form>
   body>
html>

Ví dụ về việc mở một liên kết từ một nút trong một cửa sổ mới:

Vì không có biểu mẫu và không có dữ liệu nào được gửi, điều này có thể không chính xác về mặt ngữ nghĩa. Tuy nhiên, đánh dấu này là hợp lệ.formaction attribute:

html>
<html>
   <head>
      <title>Title of the documenttitle>
   head>
   <body>
      <form>
         <button type="submit" formaction="https://www.w3docs.com">Click mebutton>
      form>
   body>
html>

Ví dụ về việc tạo một nút hoạt động giống như một liên kết với thuộc tính hình thành:formaction attribute is only used with buttons having type="submit". Since this attribute is HTML5-specific, its support in old browsers may be poor.

Thuộc tính hình thành chỉ được sử dụng với các nút có loại = "Gửi". Vì thuộc tính này là đặc thù của HTML5, sự hỗ trợ của nó trong các trình duyệt cũ có thể kém.href attribute is the required attribute of the tag. It specifies a link on the web page or a place on the same page where the user navigates after clicking on the link.

Thêm một liên kết được tạo kiểu như một nút với các thuộc tính CSS. Thuộc tính HREF là thuộc tính cần thiết của thẻ. Nó chỉ định một liên kết trên trang web hoặc một địa điểm trên cùng một trang nơi người dùng điều hướng sau khi nhấp vào liên kết.

html>
<html>
  <head>
    <title>Title of the documenttitle>
    <style>
      .button {
        background-color: #1c87c9;
        border: none;
        color: white;
        padding: 20px 34px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 20px;
        margin: 4px 2px;
        cursor: pointer;
      }
    style>
  head>
  <body>
    <a href="https://www.w3docs.com/" class="button">Click Herea>
  body>
html>

Ví dụ về kiểu dáng liên kết dưới dạng nút với CSS:

Vì kiểu dáng phức tạp là bắt buộc, điều này có thể không hoạt động trên các trình duyệt cụ thể.

Hãy xem thêm một ví dụ nữa.

html>
<html>
  <head>
    <title>Title of the documenttitle>
    <style>
      .button {
        display: inline-block;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        color: #ffffff;
        background-color: #7aa8b7;
        border-radius: 6px;
        outline: none;
      }
    style>
  head>
  <body>
    <a class="button" href="https://www.w3docs.com/learn-html/html-button-tag.html">HTML button taga>
  body>
html>

Hướng dẫn how do you link a button in html? - làm thế nào để bạn liên kết một nút trong html?

Ví dụ về việc thêm một sự kiện onclick vào thẻ:

Ví dụ về việc thêm một sự kiện onclick vào thẻ:

Một cách khác để tạo một nút hoạt động như một liên kết là sử dụng thuộc tính hành động hoặc hình thành trong phần tử.action attribute:

Để mở liên kết trong một tab mới, thêm Target = "_ Blank".

Vì không có biểu mẫu và không có dữ liệu nào được gửi, điều này có thể không chính xác về mặt ngữ nghĩa. Tuy nhiên, đánh dấu này là hợp lệ.formaction attribute:

Làm cách nào để liên kết một nút với trang khác?

Làm thế nào để bạn thêm một liên kết vào một nút bấm?

Làm cách nào để liên kết một nút với CSS trong HTML?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội