Giữ giá trị biểu mẫu sau khi gửi javascript

Giá trị

Thuộc tính

<input type="submit" />

<input type="submit" />

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

<input type="submit" value="Send Request" />

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

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

<input type="submit" />

<input type="submit" />

thuộc tính bổ sung

Ngoài các thuộc tính được chia sẻ bởi tất cả các phần tử

<input type="submit" value="Send Request" />

<input type="submit" value="Send Request" />

sự hình thành

Một chuỗi cho biết URL để gửi dữ liệu. Điều này được ưu tiên hơn thuộc tính

<input type="submit" />

<input type="submit" />

<input type="submit" value="Send Request" />

Thuộc tính này cũng có sẵn trên các phần tử

<input type="submit" />

<input type="submit" />

định dạng

Một chuỗi xác định phương thức mã hóa sẽ sử dụng khi gửi dữ liệu biểu mẫu tới máy chủ. Có ba giá trị được phép

<input type="submit" />

Giá trị mặc định này sẽ gửi dữ liệu biểu mẫu dưới dạng chuỗi sau khi URL mã hóa văn bản bằng thuật toán, chẳng hạn như

<input type="submit" />

<input type="submit" />

Sử dụng API

<input type="submit" />

<input type="submit" value="Send Request" />

<input type="submit" value="Send Request" />

<input type="submit" />

<input type="submit" />

<input type="submit" />

Văn bản thô;

Nếu được chỉ định, giá trị của thuộc tính

<input type="submit" />

<input type="submit" />

Thuộc tính này cũng có sẵn trên các phần tử

<input type="submit" />

<input type="submit" />

phương pháp tạo hình

Một chuỗi cho biết phương thức HTTP sẽ sử dụng khi gửi dữ liệu của biểu mẫu; . giá trị được phép là

<input type="submit" />

URL được tạo bằng cách bắt đầu bằng URL được cung cấp bởi thuộc tính

<input type="submit" />

<input type="submit" />

<input type="submit" />

<input type="submit" />

<input type="submit" />

<input type="submit" />

Dữ liệu của biểu mẫu được bao gồm trong phần nội dung của yêu cầu được gửi tới URL được cung cấp bởi thuộc tính

<input type="submit" />

<input type="submit" />

<input type="submit" />

<input type="submit" />

Phương pháp này được sử dụng để chỉ ra rằng nút đóng hộp thoại liên quan đến đầu vào và hoàn toàn không truyền dữ liệu biểu mẫu

Thuộc tính này cũng có sẵn trên các phần tử

<input type="submit" />

<input type="submit" />

formnovalidate

Thuộc tính Boolean, nếu có, chỉ định rằng biểu mẫu không được xác thực trước khi gửi tới máy chủ. Điều này ghi đè giá trị của thuộc tính

<input type="submit" value="Send Request" />

Thuộc tính này cũng có sẵn trên các phần tử

<input type="submit" />

<input type="submit" />

mục tiêu biểu mẫu

Một chuỗi chỉ định tên hoặc từ khóa cho biết vị trí hiển thị phản hồi nhận được sau khi gửi biểu mẫu. Chuỗi phải là tên của bối cảnh duyệt web (nghĩa là tab, cửa sổ hoặc

<input type="submit" value="Send Request" />

<input type="submit" value="Send Request" />

<input type="submit" />

Ngoài tên thực của tab, cửa sổ hoặc khung nội tuyến, có một vài từ khóa đặc biệt có thể được sử dụng

<input type="submit" value="Send Request" />

Tải phản hồi vào ngữ cảnh duyệt giống như ngữ cảnh chứa biểu mẫu. Thao tác này sẽ thay thế tài liệu hiện tại bằng dữ liệu nhận được. Đây là giá trị mặc định được sử dụng nếu không có giá trị nào được chỉ định

<input type="submit" value="Send Request" />

Tải phản hồi vào ngữ cảnh duyệt web mới, chưa được đặt tên. Đây thường là một tab mới trong cùng một cửa sổ với tài liệu hiện tại, nhưng có thể khác tùy thuộc vào cấu hình của tác nhân người dùng

<input type="submit" value="Send Request" />

Tải phản hồi vào ngữ cảnh duyệt chính của ngữ cảnh hiện tại. Nếu không có ngữ cảnh gốc, điều này hoạt động giống như

<input type="submit" value="Send Request" />

<input type="submit" value="Send Request" />

Tải phản hồi vào bối cảnh duyệt cấp cao nhất; . Nếu bối cảnh hiện tại là bối cảnh trên cùng, điều này hoạt động giống như

<input type="submit" value="Send Request" />

Thuộc tính này cũng có sẵn trên các phần tử

<input type="submit" />

<input type="submit" />

Sử dụng các nút gửi

<input type="submit" />

<input type="submit" value="Send Request" />

<input type="submit" />

Nếu bạn chọn sử dụng các phần tử

<input type="submit" />

<input type="submit" />

<input type="submit" />

Một nút gửi đơn giản

Chúng tôi sẽ bắt đầu bằng cách tạo một biểu mẫu với một nút gửi đơn giản

<input type="submit" />

Đ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, sau đó gửi biểu mẫu

Khi gửi, cặp tên/giá trị dữ liệu sẽ được gửi đến máy chủ. Trong trường hợp này, chuỗi sẽ là

<input type="submit" value="Send Request" />

<input type="submit" />

Thêm phím tắt vào nút gửi

Phím tắt, còn được gọi là phím truy cập và tương đương bàn phím, cho phép người dùng kích hoạt nút bằng một phím hoặc tổ hợp phím trên bàn phím. Để thêm lối tắt bàn phím vào nút gửi — giống như bạn làm với bất kỳ

<input type="submit" value="Send Request" />

<input type="submit" value="Send Request" />

Trong ví dụ này, s được chỉ định làm phím truy cập (bạn sẽ cần nhấn s 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). Để tránh xung đột với các phím tắt riêng của tác nhân người dùng, các phím bổ trợ khác nhau được sử dụng cho các phím truy cập so với các phím tắt khác trên máy tính chủ. Xem

<input type="submit" value="Send Request" />

Đây là ví dụ trước có thêm khóa truy cập s

<input type="submit" />

Ví dụ: trong Firefox dành cho Mac, nhấn Control-Option-S sẽ kích hoạt nút Gửi, trong khi Chrome trên Windows sử dụng Alt+S

Vấn đề với ví dụ trên là người dùng sẽ khô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="submit" value="Send Request" />

Vô hiệu hóa và kích hoạt nút gửi

Để tắt nút gửi, hãy chỉ định thuộc tính

<input type="submit" value="Send Request" />

<input type="submit" />

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="submit" value="Send Request" />

<input type="submit" value="Send Request" />

<input type="submit" value="Send Request" />

Ghi chú. Xem trang

<input type="submit" value="Send Request" />

Thẩm định

Các nút gửi không tham gia xác thực ràng buộc;

ví dụ

Chúng tôi đã bao gồm các ví dụ đơn giản ở trên. Thực sự không còn gì để nói về các nút gửi. Có một lý do mà loại điều khiển này đôi khi được gọi là "nút đơn giản. "

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?

Làm cách nào để hiển thị dữ liệu biểu mẫu sau khi gửi?

Làm cách nào để lưu trữ dữ liệu sau khi nhấp vào nút gửi trong HTML?

Làm cách nào để xóa dữ liệu biểu mẫu sau khi gửi bằng JavaScript?