سبد (0)

تگ button در HTML

مثال (تگ button در HTML)

ایجاد یک دکمه قابل کلیک شدن:

<buttontype="button">Click Me!</button>

خودتان امتحان کنید »

تعریف و کاربرد تگ button در HTML

تگ <button> یک دکمه  قابل کلیک کردن را به وجود می آورد.

تفاوت دکمه ایجاد شده با تگ<button> و دکمه ایجاد شده با تگ <input> در این است که داخل تگ <button> می توان محتوایی شامل متن یا تصویر گذاشت.

نکته: همیشه نوع ویژگی ها (attribute) عنصر را مشخص کنید، زیرا مرورگر های مختلف مقادیر مختلفی را به طور پیش فرض برای  عنصر <button> به کار می برند.


پشتیبانی مرورگرها از تگ button در HTML

عنصر     
<button>بلهبلهبلهبلهبله

نکته ها و ترفندها

نکته: اگر در یک فرم HTML، از تگ <button> استفاده کنید، مرورگر های مختلف ممکن است مقادیر متفاوتی رو ارسال کنند، به همین دلیل در فرم ها از تگ <input> استفاده کنید.


تفاوت بین HTML 4.01 و HTML5

 HTML5  شامل ویژگی ها (attribute) جدیدی است از جمله:autofocus ،form ،formaction ،formenctypy ،formmethod formnovalidate و formtarget.


خصوصیت ها

= جدید در HTML5.

خصوصیتمقدارتوضیحات
autofocusautofocusمشخص می کند یک button (دکمه) بطور خودکار در کانون توجه قرار می گیرد زمانی که صفحه load می شود.
disableddisabled

 یک button (دکمه) غیر فعال را مشخص می کند.

formform_idمشخص می کند که یک button متعلق به کدام فرم یا فرم ها می باشد.
formactionURLمشخص کننده این است که هنگام ارسال یک فرم داده های مربوط به آن به کجا فرستاده شوند. (فقط برای نوع submit)
formenctypeapplication/x-www-form-urlencoded
multipart/form-data
text/plain
مشخص کننده این است که داده های مربوط به فرم پیش از ارسال آن فرم چگونه رمزگذاری شود. (فقط برای نوع submit)
formmethodget
post
مشخص کننده این است که داده های مربوط به یک فرم چگونه فرستاده شوند(با استفاده از کدام متد HTTP ). (فقط برای نوع submit)
formnovalidateformnovalidateمشخص کننده این است که داده های یک فرم احتیاجی به سنجش اعتبار ندارند. (فقط برای نوع submit)
formtarget_blank
_self
_parent
_top
framename
مشخص کننده این است که پیغام کجا نمایش داده شود پس از اینکه فرم ارسال می شود. (فقط برای نوع submit)
namenameمشخص کننده یک نام برای button
typebutton
reset
submit
مشخص کننده نوع button
valuetextمشخص کننده یک مقدار اولیه برای button

ویژگی های عمومی تگ button در HTML

تگ <button> از ویژگی های عمومی درHTML پشتیبانی می کند.


رویدادهای عمومی تگ button در HTML

تگ <button> از رویدادهای عمومی در HTML پشتیبانی می کند.


آموزش های مرتبط

مرجع اشیاء اچ تی ام ال: تگ button در JavaScript

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان