Hướng dẫn xử lý sự kiện button trong html mới nhất 2020

Xử lý sự kiện button trong html là một trong những keyword được search nhiều nhất trên Google về chủ đề xử lý sự kiện button trong html. Trong bài viết này, xaydungweb.vn sẽ viết bài viết Hướng dẫn xử lý sự kiện button trong html mới nhất 2020.

Mục lục

Hướng dẫn xử lý sự kiện button trong html mới nhất 2020

Thẻ Button trong HTML

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

Bạn nên luôn chỉ định tính chất 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 đủ sức đượ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 send hoặc reset form.

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

ví dụ thẻ button trong HTML

?
1
<button name="button" type="button">Click Herebutton>

Kết quả:

gợi ý thẻ button trong HTML: gọi hàm JavaScript

Trong gợi ý này, khi bạn bấm nút click here trình duyệt sẽ hiển thị thông báo với nội dung “hello html button”.

?
1
2
3
4
5
6
<button name="button" value="OK" type="button" onclick="hello()">Click Herebutton> 
<script> 
function hello() 
alert("hello html button"); 
script>

Kết quả:

nhấn Here

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

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

?
1
2
3
4
<form> 
Enter Name:<input type="text" name="name"/><br/> 
<button>Submitbutton> 
form> 

Kết quả:

Enter Name:
Submit

gợi ý thẻ button trong HTML: Reset Form

Trong gợi ý 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.

?
1
2
3
4
<form> 
Enter Name:<input type="text" name="name"/><br/> 
<button type="reset">resetbutton> 
form>

Kết quả:

Enter Name:
reset

Các tính chất của thẻ button trong HTML

Thẻ

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

thuộc tính	mô tả
autofocus	Chỉ định rằng một nút sẽ auto focus trong khi đăng trang.
disabled	Chỉ định một button sẽ bị vô hiệu hóa.
form	Chỉ định button này thuộc về một hoặc nhiều form.
formaction	Được sử dụng cho kiểu submit. Nó chị định rằng dữ liệu của form sẽ được gửi đi đâu khi form được submit.
formmethod	Chỉ đinh dữ liệu của form được send như thế nào.
formenctype	Nó chỉ định phương pháp dữ liệu của form nên được mã hóa trước khi gửi nó tới máy chủ.
formnovalidate	Chỉ định rằng dữ liệu của form nên được tra cứu tính hợp lệ khi submit.
formtarget	Chỉ định dữ liệu trả về sẽ được hiển thị ở nơi nào sau khi submit form.
name	Chỉ định tên của button.
type	Chỉ định kiểu của button.
value	Chỉ thẩm định giá trị của button.