VietTuts

Tự Học Lập Trình Online

  • Home
  • Java
  • Servlet
  • JSP
  • Struts2
  • Hibernate
  • Spring
  • MyBatis
  • Java WS
  • C
  • C++
  • C#
  • Python
  • PHP
  • Excel
  • VBA
  • Web
    • JavaScript
    • JQUERY
    • JSON
    • AJAX
    • CSS
    • HTML
    • HTML5
    • Node.js
    • Angular 7
  • SQL
    • MySQL
    • SQL Server
  • Misc
    • Eclipse
    • Phần mềm tiện ích
    • Cấu trúc DL&GT
    • Selenium Test

HTML Tuts

HTML là gì? Các thẻ HTML Định dạng trong HTML Tiêu đề trong HTML Đoạn văn trong HTML Liên kết trong HTML Ảnh trong HTML Table trong HTML Danh sách trong HTML Danh sách có thứ tự Danh sách không có thứ tự Danh sách mô tả Form trong HTML Thuộc tính Style Comment trong HTML Bảng màu trong HTML Thuộc tính chung trong HTML

Các thẻ HTML

Thẻ HTML Marquee Thẻ HTML Textarea HTML DOCTYPE Thẻ HTML Title Thẻ HTML meta Thẻ HTML Div Thẻ HTML Pre Thẻ HTML Code Thẻ HTML Label Thẻ HTML Input Thẻ HTML Button Thẻ HTML HR Thẻ HTML BR Thẻ HTML Script Thẻ HTML NoScript Thẻ HTML b Thẻ HTML Quotes

Bài học HTML

Text Link trong HTML Image Link trong HTML Email Link trong HTML Frame trong HTML Iframe trong HTML Block trong HTML Thiết lập màu nền (background) trong HTML Màu trong HTML Font trong HTML Thẻ embed - Đa phương tiện trong HTML Tạo chữ chạy (Marquee) trong HTML Style Sheet trong HTML Sử dụng Javascript trong HTML Layout trong HTML Tổng hợp thuộc tính trong HTML Sự kiện (Event) trong HTML Các Font tham khảo trong HTML Mã hóa ASCII trong HTML Bảng ASCII trong HTML Các thực thể HTML Mã hóa URL trong HTML Mã hóa các ngôn ngữ chuẩn ISO trong HTML Mã hóa ký tự trong HTML

Câu hỏi phỏng vấn

Phỏng vấn HTML
1 / 3
❮ ❯

Thẻ Button trong HTML


HTML là gì?
Định dạng 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ẻ Button trong HTML

Thẻ <button> 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ẻ <button>........</button>.

Bạn nên luôn chỉ định thuộc tính type cho một thẻ <button>. 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

<button name="button" type="button">Click Here</button>

Kết quả:

the button trong html 1

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".

<button name="button" value="OK" type="button" onclick="hello()">Click Here</button>  
<script>  
  function hello(){  
    alert("hello html button");  
  }  
</script>

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ủ.

<form>  
Enter Name:<input type="text" name="name"/><br/>  
<button>Submit</button>  
</form>  

Kết quả:

Enter Name:

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.

<form>  
Enter Name:<input type="text" name="name"/><br/>  
<button type="reset">reset</button>  
</form>

Kết quả:

Enter Name:

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

Thẻ <button> 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ínhMô tả
autofocusChỉ định rằng một nút sẽ tự động focus trong khi tải trang.
disabledChỉ định một button sẽ bị vô hiệu hóa.
formChỉ đị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.
formmethodChỉ đinh dữ liệu của form được gửi như thế nào.
formenctypeNó chỉ định cách dữ liệu của form 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 form nên được kiểm tra tính hợp lệ khi submit.
formtargetChỉ định dữ liệu trả về sẽ được hiển thị ở đâu sau khi submit form.
nameChỉ định tên của button.
typeChỉ định kiểu của button.
valueChỉ định giá trị của button.

Trình duyệt hỗ trợ

Thẻchrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
<button>YesYesYesYesYes
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.

HTML là gì?
Định dạng HTML

Recent Updates

Liên kết css với htmlMã hóa ký tự trong HTMLMã hóa các ngôn ngữ chuẩn ISO trong HTMLMã hóa URL trong HTMLCác thực thể HTMLBảng ASCII trong HTMLMã hóa ASCII trong HTMLCác Font tham khảo trong HTMLSự kiện (Event) trong HTMLTổng hợp thuộc tính trong HTMLLayout trong HTMLSử dụng Javascript trong HTMLSắp Tết 2026 Rồi! - Còn bao nhiêu ngày nữa là đến tết 2026?

VietTuts on facebook

Học Lập Trình Online Miễn Phí - VietTuts.Vn
Danh Sách Bài Học

Học Java | Hibernate | Spring
Học Excel | Excel VBA
Học Servlet | JSP | Struts2
Học C | C++ | C#
Học Python
Học SQL

Bài Tập Có Lời Giải

Bài tập Java
Bài tập C
Bài tập C++
Bài tập C#
Bài tập Python
Ví dụ Excel VBA

Câu Hỏi Phỏng Vấn

201 câu hỏi phỏng vấn java
25 câu hỏi phỏng vấn servlet
75 câu hỏi phỏng vấn jsp
52 câu hỏi phỏng vấn Hibernate
70 câu hỏi phỏng vấn Spring
57 câu hỏi phỏng vấn SQL

Scroll back to top

Copyright © 2016 VietTuts.Vn all rights reserved. | Liên hệ | Chính sách - riêng tư | sitemap.html | sitemap_index.xml