HTML <input> تگ

  • پچھلے پیچ <img>
  • پائیدار پیچ <ins>

تعلیم و استعمال

<input> تگ، ورودی کا حقل کو معین کرتی ہے، جس میں یوزر ڈاٹا داخل کرسکتا ہے。

<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">

ملاحظہ کریں type کا نمبر،کا ملاحظہ کریں تاکہ ہر ورودی کی نوعیت کا مثال دیکھ سکیں!

مثال

فرم HTML شامل سه زمینه ورودی است؛ دو زمینه متن و یک دکمه ارسال:

<form action="/action_page.php">
  <label for="fname">نام：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">نام خانوادگی：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="ارسال">
</form>

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

توضیحات و اظهار نظرها

توضیح:لطفاً همیشه از برچسب <label> برای تعریف برچسب برای عناصر زیر استفاده کنید:

<input type="text">
<input type="checkbox">
<input type="radio">
<input type="file">
<input type="password">

ویژگی

ویژگی مقدار توضیح
accept
  • پسوند فایل
  • audio/*
  • video/*
  • image/*
  • نوع رسانه

مقام سابقة فرم می‌گوید که نوع فایل‌هایی که از طریق بارگذاری فایل ارسال می‌شوند، چیست.

مقام سابقة فرم می‌گوید که فیلترهای نوع فایل‌هایی که کاربر می‌تواند از دیالوگ ورودی فایل انتخاب کند، چیست (تنها برای type="file" مناسب است).
alt مطلب مقام سابقة فرم می‌گوید که متن جایگزین تصویر چیست (تنها برای type="image" مناسب است).
autocomplete
  • on
  • off
 مقام سابقة فرم می‌گوید که عناصر <input> باید امکان خودکمال داشته باشند یا خیر.
autofocus autofocus مقام سابقة فرم می‌گوید که عناصر <input> باید در بارگذاری صفحه به طور خودکار تمرکز داشته باشند.
checked checked مقام سابقة فرم می‌گوید که عناصر <input> باید در بارگذاری صفحه پیش‌نویس شوند (برای type="checkbox" یا type="radio" مناسب است).
dirname inputname.dir مقام سابقة فرم می‌گوید که جهت متن باید ارسال شود.
disabled disabled مقام سابقة فرم می‌گوید که عناصر <input> باید غیرفعال شوند.
form شناسه فرم مقام فرم برای عناصر <input> تعریف می‌کند.
formaction URL مقام سابقة فرم می‌گوید که URL کدام باید برای پردازش فایل‌های ورودی کنترل‌های ورودی استفاده شود (برای type="submit" و type="image" مناسب است).
formenctype
  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain
 规定将表单数据提交到服务器时应如何对其进行编码（适用于 type="submit" 和 type="image"）。
formmethod
  • get
  • post
 مقصد کا فرم کو بائیکس کی آئیکن کی جائزگی کو بائیکس کی آئیکن کی جائزگی کے لئے استعمال ہونے والی HTTP طریق کو مقرر کرتا ہے (type="submit" اور type="image" کے لئے استعمال ہوتا ہے)。
formnovalidate formnovalidate مقصد کا فرم کو نہیں چیک کرنا مقرر کرتا ہے。
formtarget
  • _blank
  • _self
  • _parent
  • _top
فریم نمبر 		مقرر کرتا ہے کہ فرم پیش کرنے کے بعد جائزگی کو کہا جائے گا کہ کہا جائے (type="submit" اور type="image" کے لئے استعمال ہوتا ہے)。
height پائیکسلس input عناصر کی اونچائی کو مقرر کرتا ہے (فقط type="image" کے لئے استعمال ہوتا ہے)。
list datalist_id input عناصر کی پچھلے نمونوں کا شامل کیا گیا datalist عناصر کو بائیکس کی آئیکن کی جائزگی کے لئے مقرر کرتا ہے。
max
  • نمبر
  • تاریخ
 input عناصر کا زیادہ سے زیادہ مقدار مقرر کرتا ہے。
maxlength نمبر input عناصر کی زیادہ سے زیادہ حروف کی تعداد کو مقرر کرتا ہے。
min
  • نمبر
  • تاریخ
 input عناصر کا کمترین مقدار مقرر کرتا ہے。
minlength نمبر input عناصر میں کتنی کم حروف کی تعداد ضروری ہے。
multiple multiple مقرر کرتا ہے کہ آپ input عناصر میں کتنی باری بار کچھ لکھ سکتے ہیں。
name مطلب input عناصر کا نام مقرر کرتا ہے。
pattern قاعدوں کا نمونہ input عناصر کی کچھ کی جائزگی کو چیک کرنے والی قاعدوں کو مقرر کرتا ہے。
placeholder مطلب input عناصر کی توقع میں آنے والی قصیر اطلاعاتی تذکرہ مقرر کرتا ہے。
popovertarget عنصر id مقرر کرتا ہے کہ کس بائیکس کی فائل کو بلائی جائے گا (فقط type="button" کے لئے استعمال ہوتا ہے)。
popovertargetaction
  • hide
  • show
  • toggle
 مقرر کرتا ہے کہ آپ کسی بٹن پر کلک کرتے ہوئے بائیکس کی فائل کی آئیکن کا آپریشن کیا جائے گا (فقط type="button" کے لئے استعمال ہوتا ہے)。
readonly readonly انپُٹ فیلڈ کو صرف پڑھنا پذیر مقرر کرتا ہے。
required required مقرر کرتا ہے کہ فرم پیش کرنے سے پہلے انپُٹ فیلڈ پر لکھنا ضروری ہے。
size نمبر input عناصر کی چوڑائی کو مقرر کرتا ہے (حرف کی تعداد کے لئے استعمال ہوتا ہے)。
src URL URL کے لئے مقرر کیا گیا تصویر کا آئیکن (فقط type="image" کے لئے استعمال ہوتا ہے)。
فاصلہ
  • نمبر
  • کسی بھی
 ورودی فیلڈ میں مجاز نمبروں کے درمیان کا فاصلہ طے کردیگا.
مطلب
  • بٹن
  • چیک باکس
  • رنگ
  • تاریخ
  • datetime-local
  • ای میل
  • فائل
  • مخفی
  • تصویر
  • مہینا
  • نمبر
  • پاسورڈ
  • رادیو
  • چوڑائی
  • ریست
  • تلاش
  • فرم ارسال
  • فون
  • مطلب
  • وقت
  • یورل
  • ہفت
 مقصد کا ورودی عنصر کا مطلب طے کردیگا.
مطلب مطلب ورودی عنصر کا مطلب طے کردیگا.
چوڑائی پائیکسلس ورودی عنصر کی چوڑائی کا مطلب طے کردیگا (صرفاً type="image" کے لئے مفید ہوتا ہے).

عالمی نمائش

<input> تگ بھی اس کا استعمال کر سکتا ہے HTML میں عالمی نمائش.

واقعی نمائش

<input> تگ بھی اس کا استعمال کر سکتا ہے HTML میں واقعی نمائش.

مقصد کا CSS تنظیم

نہیں.

بھرپائی کا مطلب

کروم ایج فائر فاکس سافری آپریا
کروم ایج فائر فاکس سافری آپریا
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

مربوط صفحات

HTML تعلیم:

HTML DOM مرجع دستور:

  • پچھلے پیچ <img>
  • پائیدار پیچ <ins>