Hướng dẫn button trong html css
|
Nội dung chính Thẻ Bạn nên luôn chỉ định thuộc tính type cho một thẻ 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 HTMLKết quả:  Ví dụ thẻ button trong HTML: gọi hàm JavaScriptTrong 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". Kết quả: Ví dụ thẻ button trong HTML: Submit FormTrong 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ủ. Kết quả: Ví dụ thẻ button trong HTML: Reset FormTrong 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. Kết quả: Các thuộc tính của thẻ button trong HTMLThẻ
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. Trong bài này mình sẽ hướng dẫn cách sử dụng thẻ button trong HTML, đây là thẻ rất quan trọng trong cấu trúc form html. Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức. Thẻ button sẽ tạo ra một nút bấm, nó không tạo ra một hành động submit form như thẻ input. Vì vậy, ta thường sử dụng kết hợp với Javascript để tạo ra các hành động theo yêu cầu của bài toán. Trong cặp thẻ 1. Cách sử dụng thẻ button trong HTMLVí dụ: tạo nút bấm để show ra lời chào khi click. Bài viết này được đăng tại [free tuts .net]
Trong ví dụ trên mình tạo sự kiện onclick cho thẻ button để khi nút được click sẽ alert ra dòng text 'Hello world!'. 2. Thuộc tính của thẻ button trong htmlDưới đây là một số thuộc tính thường sử dụng nhất.
Ví dụ: sử dụng thuộc tính type để tạo nút reset dữ liệu đã nhập. Trình duyệt hỗ trợ:
3. Thiết lập CSS cho thẻ buttonĐể thêm CSS cho button thì bạn có thể sử dụng hai cách:
Trong 3 cách trên thì bạn sử dụng cách nào cũng được. |
