تیر, 1397 بدون نظر آموزش Html

آموزش تگ button در Html

هر گاه بخواهیم در صفحه ی Html خود از یک دکمه استفاده نماییم می توانیم از تگ  button  نیز استفاده کنیم.

تگ button  دکمه ای که قابلیت کلیک کردن داشته باشد را به ما می دهد.

تفاوتی که تگ button با تگ input دارد در اینست که شما می توانید در تگ button از تصاویر و یا متن هم استفاده نمایید.

همیشه دقت نمایید که در تگ button بهتر است خصوصیت type را مشخص نمایید. چراکه مرور گر های مختلف ممکن است از type های پیش فرض مختلف استفاده نماییند.

همچنین اگر در صفحه ی Html خود از تگ button استفاده می کنید بهتر است آن را در تگ input قرار دهید تا مرور گرها هنگام ارسال مقادیر با اشکال روبرو نشوند.

قطعه کد زیر نحوه استفاده از تگ button را نشان می دهد:

 

خصوصیت های تگ 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:

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

کلمات کلیدی

ارسال نظر شما

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *