%45 تخفیف، با کد Ghadir روی تمام آموزش ها، بمناسبت عید قربان تا غدیر
زمان باقی مانده (تمدید شد)

تگ input در HTML

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

یک فرم HTML با سه فیلد input، دو text fields و یک دکمه submit:

<formaction="demo_form.asp">
  First name: <inputtype="text"name="fname"><br>
  Last name: <inputtype="text"name="lname"><br>
  <inputtype="submit"value="Submit">
</form>

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

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

تگ <input> مشخص کننده یک فیلد ورودی، که کاربر می تواند در آن اطلاعات را وارد کند.

عنصر <input> به منظور اعلام کنترل ورودی داخل عنصر <form> قرار می گیرد، که کاربر می تواند اطلاعات را وارد کند.

یک فیلد input را می توان در زمینه های گوناگون، بسته به نوع خصوصیت type استفاده کرد.


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

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

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

نکته: عنصر <input> خالی بوده و تنها شامل ویژگی ها می باشد.

نکته: استفاده از عنصر <label> برای تعریف یک برچسب برای عنصر <input> است.


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

ویژگی "align" در HTML5 پشتیبانی نمی شود.

در HTML5، تگ  <input> چندین ویژگی جدید دارد و برای ویژگی type چندین مقدار جدید تعریف شده است.


تفاوت بین  HTML و XHTML

در HTML، تگ <input> تگ پایانی ندارد.

در XHTML، تگ <input> باید با یک تگ پایانی بسته شود. مانند: <input />


خصوصیت ها

= جدید در HTML5.

خصوصیتمقدارتوضیحات
acceptfile_extension
audio/*
video/*
image/*
media_type

مشخص کننده نوع فایلی که سرور آن را می پذیرد.

(فقط برای نوع  "file")

alignleft
right
top
middle
bottom

در HTML5 پشتیبانی نمی شود.

مشخص می کند که image input در چه جهتی تراز شود.

(فقط برای نوع "image")

alttextبرای image یک متن جایگزین مشخص می کند.                   (فقط برای نوع  "image")
autocompleteon
off
این خصوصیت مشخص می کند که مقادیر یک فرم یا یک فیلد متنی بصورت اتوماتیک پر شود یا نه.
autofocusautofocusاین خصوصیت باعث می شود که بعد از لود شدن صفحه، مکان نما بصورت پیشفرض روی آن فیلد قرار گیرد.
checkedcheckedمشخص می کند که عنصر <input > در هنگام لود شدن صفحه به صورت پیش فرض انتخاب شده باشد.
(برای نوع "checkbox" یا "radio")
disableddisabledمشخص می کند که عنصر <input> باید غیر فعال باشد.
formform_idاین خصوصیت فرم یا فرم هایی که فیلد مورد نظر به آن ها تعلق دارد را مشخص می کند.
formactionURLآدرس فایلی که مقادیر کنترل های ورودی بعد از ارسال در آن پردازش می شوند را مشخص می کند.( برای انواع ورودی submit و image استفاده می شود)
formenctypeapplication/x-www-form-urlencoded
multipart/form-data
text/plain
چگونگی رمز کردن داده های فرم، هنگام ارسال را مشخص می کند.(برای انواع ورودی submit و image استفاده می شود)
formmethodget
post
مشخص می کند که ارسال اطلاعات از فرم HTML به سرور به چه شکل باشد. (برای انواع ورودی submit و image استفاده می شود)
formnovalidateformnovalidateاین خصوصیت نشان می دهد که فیلدهای ورودی برای ارسال به سرور نیاز به اعتبارسنجی ندارد.
formtarget_blank
_self
_parent
_top
framename
نشان می دهد، پاسخی که از سرور دریافت شده است کجا نمایش داده شود. (برای انواع ورودی submit و image استفاده می شود)
heightpixelsارتفاع عنصر  <input> را مشخص می کند.
 (فقط برای نوع "image")
listdatalist_idاین خصوصیت یک datalist را به یک فیلد متنی متصل می کند.
maxnumber
date
مقدار maximum برای عنصر <input> را مشخص می کند.
maxlengthnumberتعداد maximum کاراکتری که عنصر <input> در خود جای می دهد.
minnumber
date
مقدار minimum برای عنصر<input> را مشخص می کند.
multiplemultipleمشخص می کند که کاربر می تواند بیش از یک مقدار در عنصر   <input> وارد کند.
nametextیک نام برای عنصر <input> مشخص می کند.
patternregexpالگویی برای بررسی اعتبار یک فیلد ورودی مشخص می کند.
placeholdertextیک عبارت را به صورت کم رنگ در داخل فیلد ورودی می نویسد که با فوکوس روی آن فیلد از بین می رود و فیلد خالی می شود.
readonlyreadonlyمشخص می کند که فیلد input فقط خواندنی است.
requiredrequiredمشخص می کند که پر کردن فیلد input قبل از ارسال فرم باید انجام شود. 
sizenumberمشخص می کند که چه تعداد کاراکتر در عنصر<input> جای کیرد. 
srcURLمشخص کننده URL تصویری که به عنوان دکمه ارسال استفاده می شود.(فقط برای نوع "image")
stepnumberتعداد فواصل قانونی برای یک فیلد input را مشخص می کند.         
typebutton
checkbox
color
date
datetime
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
مشخص کننده نوع عنصر<input> و اینکه چگونه نمایش داده شود.
valuetextبرای عنصر <input> مقداری را مشخص می کند.
  
widthpixelsعرض عنصر <input> را مشخص می کند.                      (فقط برای نوع "image")

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

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


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

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


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

آموزش HTML-فرم ها 

مرجع اشیاء اچ تی ام ال:

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