Thuộc tính type của phần tử
<button type="button|submit|reset">
Ở trên, chúng tôi đã trình bày các loại khác nhau được đặt cho phần tử nút, tức là:gửi -
- nút: Một nút có thể nhấp được
- nộp: Nút gửi (gửi dữ liệu biểu mẫu)
- đặt lại: Đây là nút đặt lại để đặt lại giá trị ban đầu.
Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính type của phần tử nút trong HTML -
Ví dụ
<!DOCTYPE html> <html> <body> <h2>Investor Information</h2> <p>Give the information about the investor interested in funding:</p> <form action="" method="get"> ID: <input type="number"><br> Investor: <input type="text"><br> Funds: <input type="number"><br> Email: <input type="email"><br> DOB: <input type="date"><br><br> <button type="submit" value="Submit">Submit</button> <button type="reset" value="Reset">Reset</button> </form> </body> </html>
Thao tác này sẽ tạo ra kết quả sau với nút gửi và đặt lại -
Trong ví dụ trên, chúng tôi đã tạo một biểu mẫu với các phần tử biểu mẫu và các nút -
<form action="" method="get"> ID: <input type="number"><br> Investor: <input type="text"><br> Funds: <input type="number"><br> Email: <input type="email"><br> DOB: <input type="date"><br><br> <button type="submit" value="Submit">Submit</button> <button type="reset" value="Reset">Reset</button> </form>
Loại nút mà chúng tôi đã đặt để tạo gửi cũng như một nút khác, sẽ được đặt lại -
<button type="submit" value="Submit"> Submit </button> <button type="reset" value="Reset"> Reset </button>