مثال

یک عنصر، بسیاری از انواع مختلف.

نحو

1
<input type="text" placeholder="First name" />
2
<input type="password" placeholder="Password" />
3
<input type="submit" value="Login" />

نتیجه

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

را <input> برچسب در تمام مرورگرهای مدرن پشتیبانی می شود. ادامه مطلب را بخوانید caniuse.com.

ویژگی های

را <input> برچسب پشتیبانی می کند ویژگی های جهانی در HTML. مشخصه های جهانی برای همه عناصر HTML مشترک هستند و می توانند روی همه آنها استفاده شوند (اگرچه ممکن است تأثیر زیادی روی برخی از آنها نداشته باشند).

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

  • type: نوع کنترل فرم.
  • value: مقدار کنترل فرم.

بسیاری از ویژگی های اضافی بر اساس پشتیبانی می شوند type ورودی نوشته شده است

انواع ورودی

عناصر ورودی در انواع مختلفی وجود دارند تا از انواع مختلفی از داده هایی که ممکن است وارد شوند پشتیبانی کنند. در زیر لیستی از انواع پشتیبانی شده است:

  • type=button: به سادگی یک دکمه بدون نوع داده
  • type=checkbox: مجموعه ای از مقادیر صفر یا بیشتر از یک لیست از پیش تعریف شده که به عنوان یک چک باکس ارائه می شود.
  • type=color: یک رنگ sRGB با اجزای 8 بیتی قرمز، سبز و آبی که به عنوان انتخابگر رنگ ارائه شده است.
  • type=date: داده ای (سال، ماه، روز) بدون منطقه زمانی ارائه شده به عنوان کنترل تاریخ.
  • type=datetime-local: تاریخ و زمان (سال، ماه، روز، ساعت، دقیقه، ثانیه و کسری از ثانیه) بدون منطقه زمانی که به عنوان کنترل تاریخ و زمان ارائه شده است.
  • type=email: آدرس ایمیل یا لیستی از آدرس های ایمیل که به عنوان کنترل متنی ارائه شده است.
  • type=file: صفر یا چند فایل هر کدام با یک نوع MIME و در صورت تمایل یک نام فایل
  • type=hidden: رشته دلخواه پنهان از ظاهر.
  • type=image: مختصاتی، نسبت به اندازه یک تصویر خاص، با معنای اضافی که باید آخرین مقدار انتخاب شده باشد و ارسال فرم را آغاز می کند که به عنوان یک تصویر یا دکمه قابل کلیک ارائه می شود.
  • type=month: تاریخی متشکل از یک سال و یک ماه بدون منطقه زمانی ارائه شده به عنوان کنترل ماه.
  • type=number: یک مقدار عددی ارائه شده به عنوان یک کنترل متنی با یک کنترل چرخنده.
  • type=password: متنی بدون خط شکنی که اطلاعات حساس را به عنوان کاربر نمایش نمی دهد.
  • type=radio: یک مقدار شمارش شده به عنوان یک دکمه رادیویی ارائه شده است.
  • type=range: یک مقدار عددی، با معنای اضافی که مقدار دقیق آن مهم نیست، به عنوان یک کنترل لغزنده یا مشابه ارائه می شود.
  • type=reset: برای تنظیم مجدد یک عنصر فرم استفاده می شود و به عنوان یک دکمه ارائه می شود.
  • type=search: متن بدون شکست خط به عنوان کنترل جستجو ارائه می شود.
  • type=submit: یک مقدار شمارش شده، با معنای اضافی که باید آخرین مقدار انتخاب شده باشد و ارسال فرم را آغاز می کند که به صورت یک دکمه ارائه می شود.
  • type=tel: متن بدون شکست خط به عنوان کنترل متن ارائه شده است.
  • type=text: متن بدون شکست خط به عنوان کنترل متن ارائه شده است.
  • type=time: یک زمان (ساعت، دقیقه، ثانیه، ثانیه کسری) بدون منطقه زمانی که به عنوان کنترل زمان ارائه شده است.
  • type=url : یک URL مطلق که به عنوان کنترل متنی ارائه می شود.
  • type=week: تاریخی متشکل از یک عدد سال هفته و یک عدد هفته بدون منطقه زمانی ارائه شده به عنوان کنترل هفته.

محتوا

ورودی ها از محتوا پشتیبانی نمی کنند و به عنوان یک در نظر گرفته می شوند عنصر خالی.

ملاحظات دستگاه تلفن همراه

  • کنترل برچسب زدن: برای قابلیت استفاده و دسترسی بهتر، همه کنترل های ورودی را به طور مناسب برچسب بزنید.
  • دسترسی: با تعیین صحیح انواع ورودی، تایپ کاربر را به حداقل برسانید. در دستگاه های تلفن همراه، پیکربندی های مختلف صفحه کلید بسته به نوع ورودی در حال حاضر در فوکوس نمایش داده می شود: