50 کامل شده تا

برچسب <button> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
< مرجع HTML:تگ‌ها(تغییرمسیر از تگ button)
پرش به ناوبری پرش به جستجو
یک دکمه قابل کلیک را تعریف می‌کند
معرفی شده در نسخهٔ:۴٫۰۱
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:ندارد


{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

یک دکمهٔ کلیک‌شدنی بصورت زیر نشانه‌گذاری می‌شود:

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


تعریف و کاربرد

برچسب <button> یک دکمهٔ کلیک‌شدنی را تعریف می‌کند.[۱]

شما می‌توانید درون یک عنصر <button> محتواهایی همچون متن یا تصاویر را قرار دهید. این تفاوت بین این عنصر و دکمه‌هایی است که با عنصر <input> ساخته می‌شوند.

نکته: همیشه ویژگی نوع (type) را برای عنصر <button> مشخص کنید، چراکه مرورگرها ممکن است از نوع‌های پیش‌فرض دیگری برای عنصر <button> استفاده کنند.

نکته: دکمه‌ها معمولاً با CSS سبک‌دهی می‌شوند! از آموزش دکمه‌های CSS ما بازدید کنید تا بفهمید چگونه می‌توان دکمه‌ها را با CSS سبک‌دهی کرد.

پشتیبانی مرورگر

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<button> بله بله بله بله بله

نکات و ملاحظات

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

ویژگی‌ها

ویژگی مقدار شرح
autofocus autofocus مشخص می‌کند که یک دکمه باید بصورت خودکار مورد تمرکز قرار گیرد (انتخاب شود) وقتی که صفحه بارگذاری می‌شود
disabled disabled مشخص می‌کند که یک دکمه باید غیرفعال شود
form form_id مشخص می‌کند که دکمه به کدام فرم تعلق دارد
formaction URL مشخص می‌کند هنگام ثبت فرم، داده‌های فرم به کجا فرستاده شوند. فقط برای type="submit"
formenctype application/x-www-form-urlencoded

multipart/form-data

text/plain

مشخص می‌کند که داده‌های فرم چگونه باید رمزگذاری شوند پیش از آنکه به سرور فرستاده شوند. فقط برای type="submit"
formmethod get

post

مشخص می‌کند که چگونه داده‌های فرم را باید فرصتاد (از کدام روش HTTP باید استفاده کرد). فقط برای type="submit"
formnovalidate formnovalidate مشخص می‌کند که داده‌های فرم نباید هنگام ارسال، اعتبارسنجی شوند. فقط برای type="submit"
formtarget _blank

_self

_parent

_top

framename

مشخص می‌کند که پاسخ را پس از ثبت فرم در کجا نمایش دهد. فقط برای type="submit"
name name یک نام را برای دکمه مشخص می‌کند
type button

reset

submit

یک نوع (type) را برای دکمه مشخص می‌کند
value text یک مقدار اولیه را برای دکمه مشخص می‌کند

ویژگی های سراسری (Global Attributes)

همچنین برچسب <button> از ویژگی‌های سراسری در اچ‌تی‌ام‌ال (Global Attributes in HTML) پشتیبانی می‌کند.

ویژگی های رویداد (Event Attributes)

همچنین برچسب <button> از ویژگی‌های رویداد در اچ‌تی‌ام‌ال (Event Attributes in HTML) پشتیبانی می‌کند.

صفحات مرتبط

مرجع DOM اچ‌تی‌ام‌ال: شیء دکمه (Button Object)

آموزش CSS: سبک‌دهی به دکمه‌ها (Styling Buttons)

تنظیمات پیش‌فرض CSS

ندارد.


منابع آموزشی