تگ from در html

در HTML برای ساخت یک فرم، ابتدا از تگ <form> استفاده می‌شود. این تگ به عنوان چارچوب کلی فرم عمل می‌کند و عناصر داخلی مثل فیلدهای ورودی، دکمه‌ها، فهرست‌ها و غیره، همگی باید درون آن قرار بگیرند. نحوه عملکرد فرم با استفاده از ویژگی‌هایی مانند action و method کنترل می‌شود.

ویژگی action مشخص می‌کند که داده‌های فرم پس از ارسال، به کجا منتقل شوند. این مقدار معمولاً یک URL یا آدرس فایل سمت سرور (مانند یک فایل PHP) است.

ویژگی method مشخص می‌کند که داده‌ها چگونه ارسال شوند. دو مقدار اصلی برای آن وجود دارد:

• get: اطلاعات در URL قابل مشاهده است.

• post: اطلاعات در بدنه‌ی درخواست ارسال می‌شود.

برای ساخت یک فرم ساده، ابتدا ساختار کلی با تگ <form> آغاز می‌شود. سپس فیلدهای مورد نیاز با استفاده از تگ‌های <input>، <textarea>، <select> و دکمه‌ها مانند <button> یا <input type="submit"> درون آن قرار می‌گیرند.

مثلاً برای گرفتن نام کاربر، از <input type="text"> استفاده می‌شود. برای دریافت رمز عبور، از <input type="password">. برای ارسال فرم، معمولاً از <input type="submit"> یا <button type="submit"> استفاده می‌شود.

همه فیلدها باید دارای ویژگی name باشند. این ویژگی برای شناسایی داده در سمت سرور ضروری است.

<form action=”/submit-form” method=”post”>
<label for=”username”>نام کاربری:</label>
<input type=”text” id=”username” name=”username” required>

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

<label for=”message”>پیام:</label>
<textarea id=”message” name=”message”></textarea>

<button type=”submit”>ارسال</button>
</form>

در این مثال، فرم اطلاعات را با روش POST به مسیر مشخص شده در action ارسال می‌کند. وجود ویژگی required باعث می‌شود فیلد بدون مقدار خالی ارسال نشود. استفاده از label نیز برای دسترس‌پذیری بهتر و تطابق با فیلدهای فرم اهمیت دارد.