HTML <input> popovertargetaction 속성

정의 및 사용법

popovertargetaction 속성은 당신이 버튼을 클릭할 때 어떤 일이 일어날지 정의할 수 있습니다.

당신이 "show"표시되는) 및"hide"숨기기)와 "toggle"선택할 수 있는 이 값들 중 하나를 선택합니다. (전환)

popovertargetaction 속성은 type="button" 적용됩니다.

지정되지 않았을 때 popovertargetaction 속성이면, 기본적으로 "toggle" 값.

다른 것을 참조하세요:

HTML 참조 설명서:HTML popover 속성

HTML 참조 설명서:HTML Input popovertarget 속성

예제

입력 버튼을 클릭할 때, 팝업 요소가 표시됩니다:

<h1 popover id="myheader">안녕하세요</h1>
<input type="button" popovertarget="myheader" popovertargetaction="show" value="나를 클릭하세요!">

직접 시도해보세요

문법

<input type="button" popovertarget="element_id"popovertargetaction="hide|show|toggle">

속성 값

설명 예제
hide 버튼을 클릭하면 팝업 요소가 숨깁니다.

시도해보세요

show 버튼을 클릭하면 팝업 요소가 표시됩니다.

시도해보세요

toggle 기본 값. 버튼을 클릭하면 팝업 요소가 숨기기와 표시되기 사이에서 전환됩니다.

시도해보세요

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
114 114 지원하지 않음 17 100