Hướng dẫn how do you show the output of a form in html? - làm thế nào để bạn hiển thị đầu ra của một biểu mẫu trong html?

❮ 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ứcKhô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_idChỉ đị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ẻ đượ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

Yếu tố này bao gồm các thuộc tính toàn cầu.Một danh sách phân tách không gian của các yếu tố khác của các yếu tố khác, chỉ ra rằng các yếu tố đó đã đóng góp các giá trị đầu vào để (hoặc bị ảnh hưởng khác) tính toán.Phần tử
để liên kết đầu ra với (chủ sở hữu biểu mẫu của nó). Giá trị của thuộc tính này phải là form2 của trong cùng một tài liệu. (Nếu thuộc tính này không được đặt, được liên kết với phần tử tổ tiên của nó, nếu có.)
Thuộc tính này cho phép bạn liên kết các phần tử với ở bất cứ đâu trong tài liệu, không chỉ bên trong . Nó cũng có thể ghi đè một yếu tố tổ tiên .Tên của phần tử. Được sử dụng trong API 4.Giá trị , tên và nội dung không được gửi trong quá trình gửi biểu mẫu.
Ví dụTrong ví dụ sau, biểu mẫu cung cấp một thanh trượt có giá trị có thể nằm trong khoảng từ 6 và 7 và phần tử 8 mà bạn có thể nhập số thứ hai. Hai số được thêm vào với nhau và kết quả được hiển thị trong phần tử mỗi lần giá trị của bất kỳ điều khiển nào thay đổi.Mối quan tâm tiếp cận
Nhiều trình duyệt thực hiện yếu tố này như một khu vực form0. Do đó, công nghệ hỗ trợ sẽ thông báo kết quả của các tương tác UI được đăng bên trong nó mà không yêu cầu trọng tâm được chuyển khỏi các điều khiển tạo ra các kết quả đó.Nhiều trình duyệt thực hiện yếu tố này như một khu vực form0. Do đó, công nghệ hỗ trợ sẽ thông báo kết quả của các tương tác UI được đăng bên trong nó mà không yêu cầu trọng tâm được chuyển khỏi các điều khiển tạo ra các kết quả đó.Thông số kỹ thuật


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

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


Thuộc tính sự kiện

Thẻ 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ử với các giá trị mặc định sau:

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


Phần tử HTML là một phần tử container mà một trang web hoặc ứng dụng có thể tiêm kết quả tính toán hoặc kết quả của hành động của người dùng. HTML element is a container element into which a site or app can inject the results of a calculation or the outcome of a user action.

Thuộc tính

Yếu tố này bao gồm các thuộc tính toàn cầu.

form1

Một danh sách phân tách không gian của các yếu tố khác của các yếu tố khác, chỉ ra rằng các yếu tố đó đã đóng góp các giá trị đầu vào để (hoặc bị ảnh hưởng khác) tính toán.

form

Phần tử để liên kết đầu ra với (chủ sở hữu biểu mẫu của nó). Giá trị của thuộc tính này phải là form2 của trong cùng một tài liệu. (Nếu thuộc tính này không được đặt, được liên kết với phần tử tổ tiên của nó, nếu có.)

Thuộc tính này cho phép bạn liên kết các phần tử với ở bất cứ đâu trong tài liệu, không chỉ bên trong . Nó cũng có thể ghi đè một yếu tố tổ tiên .

3

Tên của phần tử. Được sử dụng trong API 4.

Giá trị , tên và nội dung không được gửi trong quá trình gửi biểu mẫu.

Ví dụ

Trong ví dụ sau, biểu mẫu cung cấp một thanh trượt có giá trị có thể nằm trong khoảng từ 6 và 7 và phần tử 8 mà bạn có thể nhập số thứ hai. Hai số được thêm vào với nhau và kết quả được hiển thị trong phần tử mỗi lần giá trị của bất kỳ điều khiển nào thay đổi.

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
  <input type="range" id="b" name="b" value="50" /> +
  <input type="number" id="a" name="a" value="10" /> =
  <output name="result" for="a b">60output>
form>

Mối quan tâm tiếp cận

Nhiều trình duyệt thực hiện yếu tố này như một khu vực form0. Do đó, công nghệ hỗ trợ sẽ thông báo kết quả của các tương tác UI được đăng bên trong nó mà không yêu cầu trọng tâm được chuyển khỏi các điều khiển tạo ra các kết quả đó.

Thông số kỹ thuật

Sự chỉ rõ
Tiêu chuẩn HTML # phần tử đầu ra
# the-output-element

Tính tương thích của trình duyệt web

Bảng BCD chỉ tải trong trình duyệt

Làm thế nào để bạn làm đầu ra trong HTML?

Định nghĩa và cách sử dụng. Thẻ đượ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ử. ....
Thuộc tính. Thuộc tính. ....
Thuộc tính toàn cầu. ....
Thuộc tính sự kiện. ....
Các trang liên quan ..

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 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 ?..
Thêm một trường văn bản phong phú trên biểu mẫu trên trang của bạn ..
Nhấp vào khu vực văn bản ở bên trái và chọn Chèn> neo ..
Đặt tên neo ..
Sau khi tạo mỏ neo của bạn, hãy vào nút và chọn liên kết đến bên ngoài ..
Loại #(tên của mỏ neo của bạn) ..

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

Phần tử là một thùng chứa cho các loại phần tử đầu vào khác nhau, chẳng hạn như: trường văn bản, hộp kiểm, nút radio, nút gửi, v.v ... Tất cả các phần tử dạng khác nhau được đề cập trong chương này: các phần tử hình thức HTML. element is a container for different types of input elements, such as: text fields, checkboxes, radio buttons, submit buttons, etc. All the different form elements are covered in this chapter: HTML Form Elements.

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

Thẻ HTML được sử dụng để hiển thị kết quả của một số tính toán (được thực hiện bởi JavaScript) hoặc kết quả của hành động của người dùng (chẳng hạn như dữ liệu đầu vào vào một phần tử biểu mẫu).Thẻ là một thẻ mới được thêm vào và được giới thiệu trong HTML5.... cú pháp ..