تگ <button></button> در html - وب سایت PNLdev

نمونه کد

یک نمونه ساده از تگ <button>:

<button type="button" onclick="alert('Hello pnldev!')">check here</button>

آزمایشگاه

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

تگ <button> برای تعریف یک دکمه با قابلیت کلیک می باشد.

مهم ترین ویژگی این تگ، ویژگی type است که به واسطه آن مرورگر ها متوجه نوع و عملکرد دکمه می کند. این ویژگی اجباری نمی باشد.

مقادیر قابل قبول برای ویژگی type شامل reset, sumbit, button می باشد. برای اطلاعات بیشتر درباره این ویژگی، به صفحه ویژگی type مراجعه کنید.

تگ <button> می تواند شامل متن و یا تگ های نگارشی مانند <b>, <i>, <strong>...و همینطور تگ های محتوایی مانند <img> باشد.

سازگاری با مرورگر

#	کروم	ادج	فایرفاکس	سافاری	اپرا
<button>

ویژگی ها

ویژگی ها	مقادیر	توضیحات
autofocus	autofocus	تعیین می کند که تگ های مربوطه در سمت راست، در هنگام باز شدن صفحه فوکوس کنند یا خیر.
disabled	disabled	به جهت غیر فعال کردن عناصر مربوطه در سمت راست استفاده می شود.
form	form-id	از اسم <form> برای تگ های درج شده در سمت راست استفاده می شود.
formaction	URL	تعیین کننده مکان ارسال اطلاعات داخل <form> می باشد ( از این ویژگی فقط برای " ارسال " استفاده می شود.)
popovertargetaction	element-id	مشخص میکند با کلیک روی دکمه چه اتفاقی برای آنpopover بی افتد.
name	name	نام تگ را مشخص می کند.
type	button-reset-toggle	نوع تگ های مربوطه در سمت را تعیین می کند.
value	text	مقدار تگ های مربوطه در سمت را مشخص می کند.

ویژگی های سراسری

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

ویژگی های رویداد

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

استایل css پیش فرض

بیشتر مرورگر ها تگ <button> را با استایل پیشفرض زیر نمایش می دهند:

button {
    appearance: auto;
    text-rendering: auto;
    text-align: center;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
}

تگ <button> در HTML <button></button> tag HTML