Nội dung chính Nội dung chính Hiển thị
- Nút thẻ trong HTML
- Nút thẻ ví dụ trong HTML
- Nút thẻ ví dụ trong HTML. gọi hàm JavaScript
- Nút thẻ ví dụ trong HTML. gửi biểu mẫu
- Nút thẻ ví dụ trong HTML. Đặt lại biểu mẫu
- Thuộc tính của nút thẻ trong HTML
- Support browser
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.
Nút HTML thẻ có thể được sử dụng bên trong hoặc bên ngoài biểu mẫu
Bên trong biểu mẫu, nó có tác dụng như một nút gửi hoặc đặt lại biểu mẫu
Bên ngoài biểu mẫu, nó có thể gọi hàm JavaScript để thực hiện một nhiệm vụ nào đó
Nút thẻ ví dụ trong HTML
Click Here
Kết quả
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 đặt lại, 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 for 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. phương thức biểu mẫu Chỉ đị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útSupport browser
CácTrình duyệt ChromeI EfirefoxÔ-pê-raNú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ớiConstructor
________số 8
Ví dụ
Click me!
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