دریافت اطلاعات از کاربر با form

عنصر <form> یک بخش قابل ارسال از صفحه است که مجموعه‌ای از فیلدهای ورودی را در خود جای می‌دهد؛ مثل فرم‌های ورود، ثبت‌نام یا جست‌وجو. تمام عناصر ورودی یک فرم باید داخل همین برچسب قرار بگیرند.

<form>
    <label>نام:</label>
    <input type="text" name="fullname">
</form>

دو ویژگی مهم form

• action — آدرسی که اطلاعات فرم پس از ارسال به آن‌جا فرستاده می‌شود.
• method — روش ارسال داده؛ معمولاً GET یا POST.

<form action="/submit" method="post">
    ...
</form>

عنصر label و اهمیت آن

عنصر <label> یک برچسب متنی برای فیلد ورودی است. با اتصال آن به ورودی از طریق ویژگی for (که باید با id ورودی یکسان باشد)، کلیک روی متن برچسب هم فیلد را فعال می‌کند؛ این موضوع هم تجربه‌ی کاربری و هم دسترسی‌پذیری را بهتر می‌کند.

<label for="email">ایمیل:</label>
<input type="email" id="email" name="email">