Hướng dẫn nút button trong html

Nội dung chính

• Thẻ Button trong HTML
• Ví dụ thẻ button trong HTML
• Ví dụ thẻ button trong HTML: gọi hàm JavaScript
• Ví dụ thẻ button trong HTML: Submit Form
• Ví dụ thẻ button trong HTML: Reset Form
• Các thuộc tính của thẻ button trong HTML
• Trình duyệt hỗ trợ

Thẻ trong HTML được sử dụng để tạo các nút có thể click bên trong form trên trang web của bạn. Bạn có thể đặt nội dung như văn bản hoặc hình ảnh vào bên trong thẻ .........

Bạn nên luôn chỉ định thuộc tính type cho một thẻ . Vì các trình duyệt sử dụng kiểu mặc định khác nhau cho phần tử button.

Thẻ HTML Button có thể được sử dụng bên trong hoặc bên ngoài form.

Bên trong form, nó có tác dụng như một nút gửi hoặc reset form.

Bên ngoài form, nó có thể gọi hàm JavaScript để thực hiện một nhiệm vụ nào đó.

Ví dụ thẻ button trong HTML

Click Here

Kết quả:

Ví dụ thẻ button trong HTML: gọi hàm JavaScript

Trong ví dụ này, khi bạn click nút click here trình duyệt sẽ hiển thị thông báo với nội dung "hello html button".

Click Here  
  
  function hello[]{  
    alert["hello html button"];  
  }  

Kết quả:

Ví dụ thẻ button trong HTML: Submit Form

Trong ví dụ này, khi bạn click nút Submit, các thông tin trong form sẽ được gửi đến máy chủ.

  
Enter Name:
  
Submit  
  

Kết quả:

Ví dụ thẻ button trong HTML: Reset Form

Trong ví dụ này, khi bạn click vào nút resut thì những phần tử trong form được reset về giá trị ban đầu.

  
Enter Name:
  
reset  

Kết quả:

Các thuộc tính của thẻ button trong HTML

Thẻ hỗ trợ toàn bộ thuộc tính chung như các thẻ HTML khác và một số thuộc tính bổ xung trong bảng sau:

Trình duyệt hỗ trợ

Thẻ button trong HTML cũng hỗ trợ các thuộc tính chung và thuộc tính sự kiện trong HTML.