Làm cách nào để ngăn biểu mẫu xóa các trường khi gửi html?

Thử nó

Ghi chú. Bạn thường nên tránh bao gồm các nút đặt lại trong biểu mẫu của mình. Chúng hiếm khi hữu ích và thay vào đó có nhiều khả năng khiến người dùng vô tình nhấp vào chúng thất vọng (thường là trong khi cố gắng nhấp vào nút gửi)

Giá trị

Thuộc tính

<input type="reset" />

<input type="reset" />

<input type="reset" />

Đặt thuộc tính giá trị

<input type="reset" value="Reset the form" />

Bỏ qua thuộc tính giá trị

Nếu bạn không chỉ định

<input type="reset" />

<input type="reset" />

Sử dụng các nút đặt lại

Các nút

<input type="reset" />

<input type="reset" />

<input type="reset" />

Một nút đặt lại đơn giản

Chúng tôi sẽ bắt đầu bằng cách tạo một nút đặt lại đơn giản

<form>
  <div>
    <label for="example">Type in some sample textlabel>
    <input id="example" type="text" />
  div>
  <div>
    <input type="reset" value="Reset the form" />
  div>
form>

Điều này ám chỉ như vậy

Hãy thử nhập một số văn bản vào trường văn bản, rồi nhấn nút đặt lại

Thêm phím tắt đặt lại

Để thêm lối tắt bàn phím vào nút đặt lại — giống như bạn làm với bất kỳ

<input type="reset" />

<input type="reset" />

Trong ví dụ này, r được chỉ định làm phím truy cập (bạn sẽ cần nhấn r cộng với các phím bổ trợ cụ thể cho tổ hợp trình duyệt/hệ điều hành của mình; xem

<input type="reset" />

<form>
  <div>
    <label for="example">Type in some sample textlabel>
    <input id="example" type="text" />
  div>
  <div>
    <input type="reset" value="Reset the form" accesskey="r" />
  div>
form>

Vấn đề với ví dụ trên là không có cách nào để người dùng biết khóa truy cập là gì. Điều này đặc biệt đúng vì các công cụ sửa đổi thường không theo tiêu chuẩn để tránh xung đột. Khi xây dựng trang web, hãy đảm bảo cung cấp thông tin này theo cách không ảnh hưởng đến thiết kế trang web (ví dụ: bằng cách cung cấp liên kết dễ truy cập trỏ đến thông tin về khóa truy cập trang web là gì). Việc thêm chú giải công cụ vào nút (sử dụng thuộc tính

<input type="reset" />

Vô hiệu hóa và kích hoạt nút đặt lại

Để tắt nút đặt lại, hãy chỉ định thuộc tính toàn cầu

<input type="reset" />

<input type="reset" />

Bạn có thể bật và tắt các nút trong thời gian chạy bằng cách đặt

<input type="reset" />

<form>
  <div>
    <label for="example">Type in some sample textlabel>
    <input id="example" type="text" />
  div>
  <div>
    <input type="reset" value="Reset the form" />
  div>
form>

<form>
  <div>
    <label for="example">Type in some sample textlabel>
    <input id="example" type="text" />
  div>
  <div>
    <input type="reset" value="Reset the form" />
  div>
form>

Làm cách nào để giữ lại các giá trị trong hộp văn bản sau khi gửi JavaScript?

JavaScript ngăn không cho gửi biểu mẫu như thế nào?

Cách Dừng biểu mẫu gửi khi nhấp vào nút gửi?

Làm cách nào để ngăn biểu mẫu gửi PHP?