در حال بارگذاری...

ویژگی form روی input HTML

معمولاً کنترل‌ها داخل <form>…</form> هستند. گاهی layout فیلد را جای دیگر می‌خواهد. attribute form با id همان فرم را وصل می‌کند.

پاسخ مستقیم

به form یک id بدهید؛ روی input بنویسید form="that-id". در submit داده آن کنترل با همان فرم می‌رود. formaction روی دکمه submit می‌تواند action را فقط برای آن دکمه عوض کند.

Input outside its form

html
HTML Code
<form id="signup" action="/signup" method="post">
<label for="user">Username</label>
<input id="user" name="user" type="text">
<button type="submit">Create</button>
</form>

<p>Extra field placed later in the layout:</p>
<label for="promo">Promo</label>
<input id="promo" name="promo" type="text" form="signup">

امتحان کنید

  1. form با id
  2. یک input بعد از بسته شدن form
  3. form را به id وصل کنید
  4. مدل ذهنی: فیلد عضو همان form است

اشتباهات آسان

  • غلط املایی id
  • فکر کردن form جای name است
  • زیاده‌روی در فیلدهای جدا وقتی nest واضح‌تر است

خلاصه

  • form="id" کنترل را به form وصل می‌کند
  • برای layout خاص مفید
  • همچنان name و label
  • در صورت امکان nest کنید

🧠 دانش خود را بیازمایید

آماده شروع

دانش خود را بیازمایید

خود را با این آزمون تعاملی به چالش بکشید و ببینید موضوع را چقدر خوب درک کرده‌اید

❓
4
سوالات
🎯
70%
برای قبولی
♾️
∞
زمان
🔄
∞
تلاش‌ها

📝 دستورالعمل‌ها

  • هر سوال را با دقت بخوانید
  • بهترین پاسخ را برای هر سوال انتخاب کنید
  • می‌توانید آزمون را هر چند بار که می‌خواهید تکرار کنید
  • پیشرفت شما در بالا نمایش داده می‌شود