Hướng dẫn how do i display the html form output on the same page? - làm cách nào để hiển thị đầu ra biểu mẫu html trên cùng một trang?

Tôi muốn mã HTML, JavaScript đầy đủ để hiển thị dữ liệu biểu mẫu trên cùng một trang

Những gì tôi đã thử:

Kiểm tra đầu vào

function testVarable [] {var strtext = document.getEuityById ["covertone"]; document.write [strtext.value]; var strtext1 = document.getEuityById ["texttwo"]; document.write [strText1.value]; }
var strText = document.getElementById["textone"];
document.write[strText.value];
var strText1 = document.getElementById["textTWO"];
document.write[strText1.value];
}

Mã số,

    
        function testVariable[] {
            var strText = document.getElementById["textone"].value;          
            var strText1 = document.getElementById["textTWO"].value;
            var result = strText + ' ' + strText1;
            document.getElementById['spanResult'].textContent = result;
             
        }
    

 
    
    
    Submit 

    

    
   
     

Không sử dụng Document.Write. Nếu bạn muốn thêm nội dung vào một trang, bạn cần làm việc với DOM. Google "Tạo Div JavaScript" hoặc "Tạo Span JavaScript" cho các ví dụ, về cơ bản bạn cần tạo một yếu tố có văn bản của bạn trong đó và thêm phần tử đó vào một phần của trang bạn muốn văn bản hiển thị.

Ngoài ra, div \ span bạn muốn văn bản xuất hiện tại trang và chỉ cập nhật nó

document.getElementById["myDiv"].innerHTML = strText.value;

     
 
  

  Submit
    
            

          

hàm myfunction [] {var a, b, currdate, d, n; a = document.frm.text.value; b = a.subString [0,2]; var currdate = ngày mới [];
var a,b,currdate,d,n;
a= document.frm.text.value;
b=a.substring[0,2];
var currdate = new Date[];

var currdate = currdate.getDate [] + '' + [currdate.getMonth [] + 1] + '' + chuỗi [currdate.getlyear []]. var d = ngày mới []; var n = d.getSeconds []; document.getEuityById ["popcode"]. InternalHtml = b+currdate+n;
var d = new Date[];
var n = d.getSeconds[];
document.getElementById["popcode"].innerHTML =b+currdate+n;

}

    
    
    Document
    
        function testVariable[] {
            debugger
            var strText = document.getElementById["txtName"].value;
            var strText1 = document.getElementById["txtEmail"].value;
            document.getElementById["p1"].innerHTML = strText;
            document.getElementById["p2"].innerHTML = strText1;

        }
    



    

        
        
        
    
    
        
        
    

  
  
  
    function showInput[] {
        document.getElementById['display'].innerHTML = 
                    document.getElementById["user_input"].value;
    }
  

  


  
    Enter a Message
    
  
  

  Your input: 
  

    
    
    
    Document


    
        
            
Registration Form
            
            

            

            
        
        
        
Name: 
        
Email: 
    
    
    const register = function [event] {
    
    let r_name = document.querySelector["#name"].value;
    let r_email = document.querySelector["#email"].value;
    
    display_name.innerHTML = r_name;
    display_email.innerHTML = r_email;
    event.preventDefault[];
    };
    

Nội dung này, cùng với bất kỳ mã nguồn và tệp liên quan nào, được cấp phép theo giấy phép mở của Dự án Mã [CPOL]

Làm cách nào để hiển thị dữ liệu trên cùng một trang trong HTML?

Làm cách nào để hiển thị dữ liệu biểu mẫu trong HTML?

Làm cách nào để hiển thị một biểu mẫu trên cùng một trang khi tôi nhấp vào một nút?

Làm thế nào để bạn hiển thị dữ liệu đã gửi trên cùng một trang với biểu mẫu trong PHP?