Hướng dẫn how display data after clicking submit button in html - cách hiển thị dữ liệu sau khi nhấp vào nút gửi trong html

Đối với điều này, hãy sử dụng document.getEuityById [Hồi giáo] cùng với addEventListener [].

Thí dụ

Sau đây là mã -

& nbsp; bản demo trực tiếp

   
   
   Document





   
      FirstName:
          
         

      LastName:
          
         

      
   


   const formDetails = document.getElementById["details"];
   formDetails.addEventListener["submit", async [ev] => {
      ev.preventDefault[];
      var fName = document.getElementById["firstName"].value;
      var lName = document.getElementById["lastName"].value;
      console.log["First Name=" + fName];
      console.log["Last Name=" + lName];
   }]
 

Để chạy chương trình trên, hãy lưu tên tệp là Any Anyname.html [index.html]. Nhấp chuột phải vào tệp và chọn tùy chọn Mở mở với máy chủ trực tiếp trong trình soạn thảo mã vs.

Điều này sẽ tạo ra đầu ra sau -

Bây giờ, nhập giá trị vào hộp văn bản và nhấp vào nút Gửi.

Sau khi nhấp vào nút Gửi, bạn sẽ nhận được đầu ra sau trên bảng điều khiển -

Cập nhật vào ngày 09 tháng 11 năm 2020 10:46:21

• Câu hỏi và câu trả lời liên quan
• Làm thế nào để gửi một biểu mẫu bằng sự kiện JQuery Click?
• Tôi có thể gửi biểu mẫu với nhiều nút gửi bằng jQuery không?
• Làm thế nào để bật và tắt nút Gửi bằng JQuery?
• JavaScript Tạo nút Gửi để gửi biểu mẫu và một nút khác để xóa đầu vào
• JQuery: Gửi bộ chọn
• Làm thế nào để gửi một biểu mẫu trong selenium webdriver nếu không thể xác định nút?
• Làm thế nào để thêm nút gửi sau khi kết thúc TableView bằng Swift?
• Làm thế nào để gửi biểu mẫu HTML bằng JavaScript?
• jQuery gửi [] với các ví dụ
• Phương thức HTML DOM FORM SUMPS []
• Làm mới trang sau khi xóa tất cả các trường biểu mẫu trong jQuery?
• HTML DOM đầu vào Gửi thuộc tính biểu mẫu
• Tìm tổng của nút radio giá trị jQuery?
• Làm thế nào để liên kết một nút gửi với trang web khác bằng HTML?
• Làm thế nào để gửi một biểu mẫu trong selen?

❮ Đầu vào gửi đối tượng

Thí dụ

Tìm ra nơi phản hồi sẽ được hiển thị sau khi gửi biểu mẫu:

var x = document.getEuityById ["mysubmit"]. formTarget;

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Thuộc tính FormTarget đặt hoặc trả về giá trị của thuộc tính FormTarget của nút gửi.

Thuộc tính FormTarget chỉ định tên hoặc từ khóa cho biết nơi hiển thị phản hồi nhận được sau khi gửi biểu mẫu.

Thuộc tính FormTarget ghi đè thuộc tính đích của phần tử.

Lưu ý: Thuộc tính FormTarget là mới cho phần tử có loại = "Gửi" trong HTML5. The formtarget attribute is new for the element with type="submit" in HTML5.

Hỗ trợ trình duyệt

Cú pháp

Trả về thuộc tính FormTarget:

Đặt thuộc tính FormTarget:

subpberObject.formTarget = "_blank | _Self | _parent | _top | framename"

Giá trị tài sản

Chi tiết kỹ thuật

Nhiều ví dụ hơn

Thí dụ

Thay đổi giá trị của thuộc tính FormTarget của nút Gửi:

document.getEuityById ["mysubmit"]. formTarget = "_elf";

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Thuộc tính FormTarget đặt hoặc trả về giá trị của thuộc tính FormTarget của nút gửi.

❮ Đầu vào gửi đối tượng

Làm thế nào hiển thị dữ liệu biểu mẫu sau khi gửi trong HTML?

Làm thế nào tôi có thể nhận được giá trị biểu mẫu sau khi gửi?

Điều gì xảy ra khi bạn nhấp vào Gửi nút HTML?

Điều gì xảy ra với dữ liệu được nhập vào một biểu mẫu khi chúng tôi nhấn nút gửi?