html5 출력 태그는 무엇을 의미합니까? html5 출력 태그를 사용하는 방법-H5 튜토리얼-php.cn

html5 출력 태그는 무엇을 의미합니까? html5 출력 태그를 사용하는 방법

寻∝梦

풀어 주다： 2018-08-21 14:20:53

원래의

5267명이 탐색했습니다.

html5 출력 태그는 무엇을 의미하나요? html5 출력 태그를 사용하는 방법은 모두 여기에 있습니다. 이 문서에서는 html5 출력 태그의 정의와 html5 출력 태그 사용 방법(코드 예제 포함)을 소개합니다.

html5 출력 tag 태그 정의:

태그는 계산 결과 출력(예: 스크립트 실행 출력)으로 표시됩니다.

html5 속성:

1.for는 공백으로 구분된 하나 이상의 요소 ID 목록을 지정합니다. 이러한 요소는 계산에 사용된 요소와 계산 결과 간의 관계를 설명합니다.

2.form은 요소가 속한 하나 이상의 양식 ID 목록을 공백으로 구분하여 지정합니다.

3.name은 요소의 이름을 지정합니다.

예제 기준:

예:

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

로그인 후 복사

결과:

html5 출력 태그는 무엇을 의미합니까? html5 출력 태그를 사용하는 방법

폼의 세 가지 속성 중 대부분의 브라우저는 이를 지원하지 않으므로 다른 위치에는 출력을 작성할 수 없으며 폼 내부에서만 영향을 미칠 수 있습니다.

참고:

양식으로 래핑된 후 태그 속성을 나타내는 이름과 ID는 x로 대체할 수도 있는 x.value를 포함하여 동일한 효과를 갖습니다. innerHTML.

그리고 oninput 이벤트는 사용자가 입력을 했을 때 발생하는 이벤트입니다!

html5 출력 태그 사용 지침:

스크립트 출력을 실행하는 것과 같습니다).

예를 들어 요소에 계산 결과를 표시하려면:





out标签的用法


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

로그인 후 복사

양식에서 출력 요소를 사용하는 방법 : #🎜🎜 #

<form action="form_action.asp" method="get" name="sumform">
<output name="sum"></output>
</form>
TIY
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function write_sum()
{
x=5
y=3
document.forms["sumform"]["sum"].value=x+y
}
</script>
</head>
<body onload="write_sum()">
<form action="form_action.asp" method="get" name="sumform">
<output name="sum"></output>
</form>
</body>
</html>

로그인 후 복사

HTML 4.01과 HTML5의 차이점

태그는 HTML 5의 새로운 태그입니다.

브라우저 지원

Firefox, Opera, Chrome 및 Safari 브라우저는 모두 태그를 지원합니다.

참고: Internet Explorer는 태그를 지원하지 않습니다.

【관련 추천】

html5 오디오 태그는 어떻게 사용하나요? HTML5 자동재생 구현 코드 예시

html 주소 태그는 어떻게 사용하나요? html주소태그 사용법에 대한 자세한 설명

위 내용은 html5 출력 태그는 무엇을 의미합니까? html5 출력 태그를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!