Hướng dẫn how do i show the results of a form in html? - làm cách nào để hiển thị kết quả của một biểu mẫu trong html?

Thêm một cách để làm điều đó [nếu bạn sử dụng biểu mẫu], lưu ý rằng loại đầu vào là nút

Mã hoàn chỉnh là:

    HTML JavaScript output on same page
    
        function showMessage[]{
            var message = document.getElementById["message"].value;
            display_message.innerHTML= message;
        }
    



Enter message: 


 Message is:  

Nhưng bạn có thể làm điều đó ngay cả khi không có hình thức:

    HTML JavaScript output on same page
    
        function showMessage[]{
            var message = document.getElementById["message"].value;
            display_message.innerHTML= message;
        }
    


Enter message: 

 Message is:  

Tại đây bạn có thể sử dụng một trong hai nút hoặc nút:

Không cần thiết lập

return false;

Từ chức năng JavaScript cho cả hai ví dụ đó.

❮ Thẻ HTML

Thí dụ

Một phần tử nằm bên ngoài một biểu mẫu [nhưng vẫn là một phần của biểu mẫu]:

+
oninput="x.value=parseInt[a.value]+parseInt[b.value]">

+

Hãy tự mình thử »

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

Thuộc tính form Chỉ định biểu mẫu Thẻ thuộc về.

Giá trị của thuộc tính form phải bằng với thuộc tính id của phần tử trong cùng một tài liệu.

Hỗ trợ trình duyệt

Thuộc tính

hình thức	Không được hỗ trợ	Không được hỗ trợ	Không được hỗ trợ	Không được hỗ trợ	Không được hỗ trợ

Cú pháp

Giá trị thuộc tính

Giá trịSự mô tả

form_id	Chỉ định phần tử biểu mẫu Phần tử thuộc về. Giá trị của thuộc tính này phải là thuộc tính ID của một phần tử trong cùng một tài liệu.

❮ Thẻ HTML

Thí dụ

Thực hiện tính toán và hiển thị kết quả trong một yếu tố:

& nbsp; & nbsp; + & nbsp; =
 
  +
  =

Hãy tự mình thử »

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

Thẻ

    HTML JavaScript output on same page
    
        function showMessage[]{
            var message = document.getElementById["message"].value;
            display_message.innerHTML= message;
        }
    



Enter message: 


 Message is:  

0 được sử dụng để biểu thị kết quả của tính toán [giống như được thực hiện bởi một tập lệnh].

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử.

Yếu tố

	10.0	13.0 & nbsp;	4.0	5.1	11.0

Thuộc tính

Thuộc tínhGiá trịSự mô tả

vì	Element_id	Chỉ định mối quan hệ giữa kết quả của tính toán và các yếu tố được sử dụng trong tính toán
hình thức	form_id	Chỉ định hình thành phần tử đầu ra thuộc về
Tên	Tên	Chỉ định tên cho phần tử đầu ra

Thuộc tính toàn cầu

Thẻ

    HTML JavaScript output on same page
    
        function showMessage[]{
            var message = document.getElementById["message"].value;
            display_message.innerHTML= message;
        }
    



Enter message: 


 Message is:  

0 cũng hỗ trợ các thuộc tính toàn cầu trong HTML.

Thuộc tính sự kiện

Thẻ

    HTML JavaScript output on same page
    
        function showMessage[]{
            var message = document.getElementById["message"].value;
            display_message.innerHTML= message;
        }
    



Enter message: 


 Message is:  

0 cũng hỗ trợ các thuộc tính sự kiện trong HTML.

Các trang liên quan

Tham khảo HTML DOM: Đối tượng đầu ra

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị phần tử

    HTML JavaScript output on same page
    
        function showMessage[]{
            var message = document.getElementById["message"].value;
            display_message.innerHTML= message;
        }
    



Enter message: 


 Message is:  

0 với các giá trị mặc định sau:

đầu ra {& nbsp; & nbsp; display: inline;}
  display: inline;
}

Làm thế nào để bạn hiển thị đầu ra của một biểu mẫu trong HTML?

Làm cách nào để hiển thị đầu ra biểu mẫu HTML trên cùng một trang?

Làm thế nào để bạn hiển thị dữ liệu trong HTML?