Computer >> Máy Tính >  >> Lập trình >> HTML

HTML cho thuộc tính

Thuộc tính for của phần tử đặt mối quan hệ giữa kết quả của phép tính và các phần tử được sử dụng trong phép tính.

Sau đây là cú pháp:

<output for="id">

Ở trên, id là id phần tử, đặt danh sách riêng biệt của một hoặc nhiều phần tử với một khoảng trắng. Các phần tử này xác định mối quan hệ giữa kết quả của phép tính và các phần tử được sử dụng trong phép tính.

Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính for của phần tử :

Ví dụ

<!DOCTYPE html>
<html>
<body>
<h2>Result</h2>
<form oninput="n.value=parseInt(p.value)+parseInt(q.value)+parseInt(r.value)">0
   <input type="range" id="p" value="25">100+<input type="number"
   id="q" value="50">+<input type="number" id="r" value="50">
   =<output name="n" for="p q r"></output>
</form>
</body>
</html>

Đầu ra

HTML  output  cho thuộc tính

Bây giờ, hãy tăng thanh trượt và kết quả sẽ được hiển thị:

HTML  output  cho thuộc tính