سبد (0)

تگ button در HTML

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

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

<button type="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.

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

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

form form_id مشخص می کند که یک button متعلق به کدام فرم یا فرم ها می باشد.
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 مشخص کننده یک نام برای button
type button
reset
submit
مشخص کننده نوع button
value text مشخص کننده یک مقدار اولیه برای button

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

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


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

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


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

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

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