جهت مشاهده نتایج و تست کدها از ادیتور آنلاین استفاده کنید (کلیک کنید).

HTML ساخت فرم در

برای ساخت فرمی مانند فرم پایین باید از تگ <form> استفاده شود.

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

<input type=”text”>, <input type=”radio”>, <input type=”checkbox”>, <input type=”submit”>, <input type=”button”>

با یک مثال به معرفی مفصل فرم میپردازیم.

<form action=”/action_page.php” target=”_blank”> <label for=”fname”>نام:</label><br> <input type=”text” id=”fname” name=”fname” value=”مریم”><br> <label for=”lname”>آدرس:</label><br> <input type=”text” id=”address” name=”address” value=”تهران”><br><br> <input type=”submit” value=”ثبت نام”> </form>
  • action وظیفه دارد بعد از اینکه کاربر بر روی دکمه ثبت نام کلیک کرد، اطلاعات وارد شده در فرم را به محل تعیین شده ارسال کند.
  • target مشخص میکند پاسخ مربوط به کلیک کردن بر روی submit کجا نمایش داده شود، در شکل زیر
  • label همانطور که از نامش مشخص است وظیفه ساخت لیبل را دارد.
  • و درنهایت با استفاده از input type نوع ورودی که فرم باید از کاربر دریافت کند مشخص میشود که این ورودیها شامل متن (text)، دکمه ارسال اطلاعات (submit)، گزینه های رادیویی (radio)، گزینه های چک باکس (check box)، دکمه (button)
Scroll to Top