Thẻ nút trong html

Trong bài viết này mình sẽ hướng dẫn cách sử dụng nút thẻ trong HTML, đây là thẻ rất quan trọng trong cấu trúc form html

Nội dung chính Hiển thị

• 1. Cách sử dụng nút thẻ trong HTMLnút trong HTML
• 2. Thuộc tính của nút thẻ trong html
• 3. Thiết lập CSS cho nút thẻ
• onmousedown="mã"
• onmouseout
• onmousemove="mã"
• Thuộc tính

Nút thẻ ví dụ trong HTML. gọi hàm JavaScript

Trong ví dụ này, khi bạn nhấp vào nút bấm vào đây, 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ả

Nút thẻ ví dụ trong HTML. gửi biểu mẫu

Trong ví dụ này, khi bạn nhấp vào nút Gửi, các thông tin trong biểu mẫu sẽ được gửi đến máy chủ

  
Enter Name:
  
Submit  
  

Kết quả

Nút thẻ ví dụ trong HTML. Đặt lại biểu mẫu

Trong ví dụ này, khi bạn nhấp vào nút resut, các phần tử trong biểu mẫu được đặt lại về giá trị ban đầu

  
Enter Name:
  
reset  

Kết quả

Thuộc tính của nút thẻ 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:

Thuộc tính Mô tả tiêu điểm tự động Chỉ định rằng một nút sẽ tự động lấy tiêu điểm khi tải trang. bị vô hiệu hóaChỉ định một nút sẽ bị vô hiệu hóa. formChỉ định nút này thuộc về một hoặc nhiều biểu mẫu. formaction Is used to submit type. Chị định rằng dữ liệu của biểu mẫu sẽ được gửi đi đâu khi biểu mẫu được gửi. formmethodChỉ định dữ liệu của biểu mẫu được gửi như thế nào. formenctype Nó chỉ định cách thức dữ liệu của biểu mẫu nên được mã hóa trước khi gửi nó tới máy chủ. formnovalidateChỉ định rằng dữ liệu của biểu mẫu phải được kiểm tra tính hợp lệ khi gửi. formtargetChỉ định dữ liệu trả về sẽ được hiển thị ở đâu sau khi gửi biểu mẫu. nameChỉ định tên của nút. typeChỉ định kiểu của nút. valueChỉ định giá trị của nút

Support browser

Các

Trình duyệt Chrome

I E

firefox

Ô-pê-ra

SafariYesYesYesYesYes

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

Thẻ trong HTML

• Tag được sử dụng để tạo nút nhấn
• Thẻ có thể chứa văn bản hoặc hình ảnh, đây là điểm khác biệt giữa thẻ này và thẻ

Sự khác nhau giữa HTML4. 01 và HTML5

HTML4. 01HTML5-Trong HTML5 có một số thuộc tính mới

Constructor

Click Here

0

Ví dụ

Click Here

1

Kết quả

Support browser

has been supports in multi number of the browser

Tuy nhiên, nếu chúng ta sử dụng trong biểu mẫu HTML để gửi giá trị, khi đó các trình duyệt khác nhau sẽ gửi theo các cách khác nhau. VD. Internet Explorer sẽ gửi giá trị giữa và

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

2, còn các trình duyệt khác sẽ gửi giá trị theo tham số value khai báo bên trong