تعریف و کاربرد
تگ <input> در فرم ها برای دریافت اطلاعات کاربر استفاده می شود.
تگ <input> دارای یک ویژگی مهم به اسم type می باشد که با تغییر این ویژگی می توان به صورت های مختف اطلاعات کاربر را دریافت کرد.
- <input type="button">
- <input type="checkbox">
- <input type="color">
- <input type="date">
- <input type="datetime-local">
- <input type="email">
- <input type="file">
- <input type="hidden">
- <input type="image">
- <input type="month">
- <input type="number">
- <input type="password">
- <input type="radio">
- <input type="range">
- <input type="reset">
- <input type="search">
- <input type="submit">
- <input type="tel">
- <input type="text"> (پیشفرض)
- <input type="time">
- <input type="url">
- <input type="week">
برای مشاهده انواع مختلف <input> ها به صفحه ویژگی type تگ <input> مراجعه کنید.
نکات
معمولا از تگ <label> برای برچسب زدن و نام گذاری <input> استفاده می شود.
سازگاری با مرورگر
| # | کروم | ادج | فایرفاکس | سافاری | اپرا |
|---|---|---|---|---|---|
| <input> |
ویژگی ها
| ویژگی ها | مقادیر | توضیحات |
|---|---|---|
| accept |
file
|
انواع فایل هایی را که سرور قبول می کند، تعیین می کند؛ فقط برای ( type="file" ). |
| alt |
text img
|
متن جایگزین را به جای عنصری که نمایش داده نمی شود، قرار می دهد. |
| autocomplete |
on-off
|
تعیین می کند که تگ های مربوطه در سمت راست، به صورت خودکار فعال باشند یا خیر. |
| checked |
checked
|
تعیین می کند که تگ مربوطه در سمت راست، قبل از باز شدن صفحه انتخاب شده باشد. |
| dirname |
inputname.dir
|
تعیین می کند که جهت متن ارسال شود. |
| disabled |
all
|
به جهت غیر فعال کردن عناصر مربوطه در سمت راست استفاده می شود. |
| form |
all
|
از اسم <form> برای تگ های درج شده در سمت راست استفاده می شود. |
| formaction |
URL
|
تعیین کننده مکان ارسال اطلاعات داخل <form> می باشد ( از این ویژگی فقط برای " ارسال " استفاده می شود.) |
| height |
pixels
|
ارتفاع تگ های مربوطه در سمت راست را تعیین می کند. |
| list |
datalist_id
|
به تگ <datalist> توجه دارد که همراه با گزینه های از قبل تعیین شده در تگ مربوطه در سمت راست وابسته است. |
| max |
number - date
|
حداکثر یک مقدار را مشخص می نماید. |
| name |
text
|
نام تگ را مشخص می کند. |
| placeholder |
text
|
به جهت مشخص نمودن مقدار مورد نظر یک تگ و به اشاره ای کوتاه به آن، استفاده می شود. |
| type |
all
|
نوع تگ های مربوطه در سمت را تعیین می کند. |
| value |
text
|
مقدار تگ های مربوطه در سمت را مشخص می کند. |
| width |
pixels
|
عرض عناصر مربوطه در سمت راست را تعیین می کند. |
ویژگی های سراسری
تگ <input> از ویژگی های سراسری HTML پشتیبانی می کند.
ویژگی های رویداد
تگ <input> از ویژگی های رویداد HTML پشتیبانی می کند.
