ویژگی popovertargetaction در تگ button در HTML در PNLDEV

نمونه کد

یک نمونه ساده از ویژگی popovertargetaction:

<h1 popover id="test-1">Hello world!</h1>
<input type="button" popovertarget="test-1" popovertargetaction="show" value=" کلیک کنید ">

آزمایشگاه

تعریف و کاربرد

ویژگی popovergetaction باعث می شود با استفاده از مقدار show محتوا را نمایش دهید با استفاده از hide محتوا را مخفی کنید وبا استفاده از toggle هردو عملیات را باید دکمه انجام دهید.

این ویژگی در تگ های <input> وbutton> در دسترس است.

نکات

سازگاری با مرورگر

#	کروم	ادج	فایرفاکس	سافاری	اپرا
popovertargetaction

شیوه نگارش

نمونه کد های بیشتر

نمونه کد

مثالی ساده از مقادیر show و hide

<h1 popover id="test-1">Hello world!</h1>
<input type="button" popovertarget="test-1" popovertargetaction="show" value=" نمایش دان">
 <input type="button" popovertarget="test-1" popovertargetaction="hide" value=" پنهان کردن">

آزمایشگاه

نمونه کد

مثالی ساده برای مقدار toggle

<h1 popover id="test-1">Hello world!</h1>
<input type="button" popovertarget="test-1" popovertargetaction="toggle" value=" کلیک کنید ">

آزمایشگاه

ویژگی popovertargetaction در تگ button در HTML popovertargetaction Attribute in button tag in HTML

نمونه کد

تعریف و کاربرد

نکات

سازگاری با مرورگر

شیوه نگارش

نمونه کد های بیشتر

نمونه کد

نمونه کد

ویژگی popovertargetaction در تگ button در HTML
popovertargetaction Attribute in button tag in HTML