هر گاه بخواهیم در صفحه ی Html خود از یک دکمه استفاده نماییم می توانیم از تگ button نیز استفاده کنیم.
تگ button دکمه ای که قابلیت کلیک کردن داشته باشد را به ما می دهد.
تفاوتی که تگ button با تگ input دارد در اینست که شما می توانید در تگ button از تصاویر و یا متن هم استفاده نمایید.
همیشه دقت نمایید که در تگ button بهتر است خصوصیت type را مشخص نمایید. چراکه مرور گر های مختلف ممکن است از type های پیش فرض مختلف استفاده نماییند.
همچنین اگر در صفحه ی Html خود از تگ button استفاده می کنید بهتر است آن را در تگ input قرار دهید تا مرور گرها هنگام ارسال مقادیر با اشکال روبرو نشوند.
قطعه کد زیر نحوه استفاده از تگ button را نشان می دهد:
<!DOCTYPE html> <html> <body> <button type="button">کلیک کنید!</button> </body> </html>
خصوصیت های تگ button در Html:
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| autofocus | autofocus | هنگامی که صفحه شما لود می شود دکمه button به صورت فعال قرار می گیرد. پشتیبانی از Html5 |
| disabled | disabled | توسط این خصوصیت می توانیم یک دکمه به صورت غیر فعال ایجاد نماییم. |
| form | form_id | توسط این خصوصیت می توانیم مشخص کنیم که این دکمه برای کدام فرم ها استفاده می شود. پشتیبانی از Html5 |
| formaction | URL | با استفاده از این خصوصیت مشخص می شود که داده های ارسال شده به چه آدرسی فرستاده می شوند. این خصوصیت تنها برای submit به کار میرود. پشتیبانی از Html5 |
| formenctype | URLapplication/x-www-form-urlencoded multipart/form-data text/plain | توسط این خصوصیت میتوانید نحوه رمزگذاری بر روری داده های فرم خود را مشخص نمایید. این خصوصیت تنها برای submit به کار میرود. پشتیبانی از Html5 |
| formmethod | get post | این خصوصیت مشخص میکند که داده ها به کدام شکل به سرور انتقال داده شوند. این خصوصیت تنها برای submit به کار میرود. پشتیبانی از Html5 |
| formnovalidate | formnovalidate | با استفاده از این خصوصیت می توانید مشخص نمایید که داده های یک فرم نیازی به سنجش اعتبار ندارند. پشتیبانی از Html5 |
| formtarget | _blank _self _parent _top framename | توسط این خصوصیت مشخص می شود که هنگام ارسال فرم پیغام در کجا نمایش داده شود. این خصوصیت تنها برای submit به کار میرود. پشتیبانی از Html5 |
| name | name | توسط این خصوصیت شما میتوانید برای button خود یک نام قرار دهید. |
| type | button reset submit | توسط این خصوصیت نوع button شما مشخص می شود. |
| value | text | توسط این خاصیت می توانیم برای button خود یک مقدار اولیه قرار دهیم. |
تگ button تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی می کند.
پشتیبانی مرور گرها از تگ button در Html:
تمامی مرور گر ها را پشتیبانی می کند.