عنصر HTML: دکمه

سه نوع وجود دارد type برای یک عنصر دکمه، فکر می کنیم که همه آنها دقیقاً به یک شکل توسط مرورگر نمایش داده می شوند:

1. type=submit: برای ارسال فرم استفاده می شود.
2. type=reset: برای تنظیم مجدد یک فرم استفاده می شود.
3. type=button: به عنوان کنترل دکمه عمومی استفاده می شود (به طور پیش فرض هیچ کاری انجام نمی دهد).

مثال

نحو

1

<button>Click me</button>

2

3

<button type="reset">Reset form</button>

4

5

<button type="submit">Submit</button>

نتیجه

پشتیبانی مرورگر

محتوا

آ <button> پشتیبانی می کند عبارت بندی محتوا، اما نباید هیچ محتوای تعاملی و نه فرزندی با آن وجود داشته باشد tabindex ویژگی مشخص شده است.

<button> عناصر برای یک ظاهر طراحی انعطاف پذیرتر از <input> عناصر. سایر عناصر HTML (مانند <span>، <div>، <img> و غیره) را می توان در آنها گنجاند. ::after و ::before شبه عناصر را می توان از طریق CSS نیز روی آنها استفاده کرد.

در مثال زیر می توانید ببینید <svg> عناصر تو در تو در داخل <button> عناصر (آیکون های svg از بسته آیکون رابط کاربری BeBold Essentialsموجود در Envato Elements):

نحو

1

<button>

2

    <svg></svg>

3

    Button label

4

</button>

نتیجه

بیشتر بدانید