مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTM کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه قبلی با تگ br و کاربرد آن آشنا شدیم و آموختیم که تگ br یک سطر را می شکند و متن آن را به خطر بعدی منتقل می نماید.
در این جلسه آموزش کار با تگ button در HTML را به علاقمندان این دوره ارائه می نماییم.
آموزش کار با تگ button در HTML
به مثال زیر توجه نمایید.
در این مثال یک دکمه قابل کلیک در این قطعه کد درج شده است.
تعریف و کاربرد
همان طور که تاکنون متوجه شده اید یک تگ button یک دکمه قابل کلیک را تعریف می نماید.
در درون تگ button می توان محتواهای مختلفی چون متن یا تصویر قرار داد و این تفاوت میان این تگ با دکمه هایی است که با تگ input ساخته می شود.
نکات و توصیه ها
نکته
همواره سعی کنید خصیصه های type را برای عنصر <button> مشخص کنید.
مرورگرهای مختلف برای عنصر <button> از انواع پیش فرض مختلف استفاده می کنند.
توصیه
اگر از تگ <button> در فرم HTML استفاده می کنید، مرورگرهای مختلف می توانند مقادیر متفاوتی ارسال کنند.
لذا برای ایجاد دکمه به صورت HTML از <input> استفاده کنید.
پشتیبانی مرورگر ها
| عنصر |  |  |  |  |  |
| <button> | بله | بله | بله | بله | بله |
خصیصه ها
| خصیصه | مقدار | توضیح |
|---|
| autofocus | autofocus | مشخص می کند که بصورت خودکار بروی کدام دکمه پس از بارگزاری تمرکز شود. |
| disabled | disabled | دکمه را غیرفعال میکند. |
| form | form_id | مشخص می کند که دکمه متعلق به چه فرم هایی است. |
| formaction | URL | مشخص می کند که هنگام ارسال فرم ، داده های فرم را چگونه ارسال کنید. (این خصیصه فقط در دکمه از نوع submit عمل می کند) |
| formenctype | application/x-www-form-urlencoded
multipart/form-data
text/plain | نحوه کدگذاری داده های فرم را هنگام ارسال اطلاعات مشخص می کند.
(فقط در دکمه از نوع submit عمل می کند) |
| formmethod | get
post | نحوه ارسال داده – فرم ( این که از کدام یک از روش های HTTP استفاده کند ) را مشخص می کند.
(فقط در دکمه از نوع submit عمل می کند) |
| formnovalidate | formnovalidate | مشخص می کند که در هنگام ارسال اطلاعات فرم، داده ها نباید اعتبار سنجی شوند.
(فقط در دکمه از نوع submit عمل می کند) |
| formtarget | _blank
_self
_parent
_top
framename | مشخص می کند که پس از ارسال فرم ، پاسخ آن چگونه نمایش داده شود.
(فقط در دکمه از نوع submit عمل می کند) |
| name | name | یک نام برای دکمه مشخص می کند. |
| type | button
reset
submit | نوع دکمه را مشخص می کند. |
| value | text | یک مقدار بصورت پیش فرض اولیه برای دکمه مشخص میکند. |
خصیصه های سراسری Global Attributes
تگ <button> از خصیصه های سراسری در HTML پشتیبانی می کند.
خصیصه رویداد Event Attributes
تگ <button> از خصیصه رویداد در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
ندارد.
کلام آخر
در این جلسه با آموزش کار با تگ button در HTML همراه شما بودیم.
در این جلسه آموختیم که تگ button یک دکمه قابل کلیک را تعریف می نماید.
در جلسه آینده به کار با تگ canvas خواهیم پرداخت.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
