تگ button در HTML
با استفاده از تگ button در HTML میتوان یک دکمه قابل کلیک در سند ایجاد کرد.
مثال
<button type="button">دکمه</button>تعریف و کاربرد
با استفاده از تگ button در HTML میتوان یک دکمه قابل کلیک شدن در صفحه ایجاد کرد.
در عنصر button می توانید از تگ های ( <i> یا <b> یا <strong> یا <br> یا <img> ) استفاده کنید ، اما اگر برای ساخت دکمه از تگ <input> استفاده کنید نمی توانید همچین کاری را انجام دهید.
نکته: همیشه هنگام تعریف و استفاده از تگ button نوع آن type را مشخص کنید ، تا به مرورگر ها بگویید این چه نوع دکمه ای هست.
نکته: به راحتی می توانید طراحی پیش فرض عنصر button را با CSS شخصی سازی کنید.
پشتیبانی مرورگر ها
| عنصر | |||||
|---|---|---|---|---|---|
<button> | بله | بله | بله | بله | بله |
خواص
| خاصیت | مقدار | توضیحات |
|---|---|---|
| autofocus | autofocus | مشخص می کند بعد از اتمام بارگذاری صفحه بر روی کدام دکمه متمرکز ( focus ) شود. |
| disabled | disabled | مشخص می کند که یک دکمه باید غیرفعال شود. |
| form | form_id | مشخص می کند که دکمه مربوط به کدام فرم ( form ) در صفحه هست. |
| formaction | URL | مشخص می کند که داده های درون فرم به چه آدرسی باید ارسال شود ، فقط در حالت submit عمل می کند ( type = submit ) |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | مشخص می کند که اطلاعات قبل از ارسال به سرور رمزنگاری شود ، فقط در حالت submit عمل می کند type = submit |
| formmethod | get post | روش متد ارسال اطلاعات فرم را مشخص می کند ، فقط در حالت submit عمل می کند type = submit |
| formnovalidate | formnovalidate | مشخص میکند که هنگام ارسال داده های فرم ، داده ها اعتبار سنجی نشوند ، فقط در حالت submit عمل می کند type = submit |
| formtarget | _blank _self _parent _top framename | نحوه باز شدن صفحه مقصد را پس از ارسال داده های فرم مشخص میکند ، فقط در حالت submit عمل می کند type = submit |
| name | name | نام دکمه را مشخص می کند |
| type | button reset submit | نوع دکمه را مشخص می کند |
| value | text | مقدار پیش فرض و اولیه دکمه را مشخص می کند |
خواص عمومی
تگ button از خواص عمومی در HTML پشتیبانی میکند.
رویداد های عمومی
تگ button از رویداد های عمومی در HTML پشتیبانی میکند.
مثال های بیشتر
در مثال زیر با استفاده از CSS استایل خاصی را برای تگ button در HTML تعریف میکنیم:
در مثال زیر با استفاده از CSS افکت hover به button خود داده ایم:
آیا این مطلب برای شما مفید بود ؟
اقسام روزى
و درود خدا بر او، فرمود: روزى بر دو قسم است: آن كه تو را مى خواهد، و آن كه تو او را مى جويى. كسى كه دنيا را خواهد، مرگ نيز او را مى طلبد تا از دنيا بيرونش كند، و كسى كه آخرت خواهد، دنيا او را مى طلبد تا روزى او را به تمام پردازد.
حکمت 431 نهج البلاغه
