HTML Form Elements
در HTML، عناصر فرم (Form Elements) بخشهایی هستند که به کاربران اجازه میدهند داده وارد کنند. این عناصر معمولاً در داخل تگ <form> قرار میگیرند. در ادامه، لیستی از مهمترین عناصر فرم در HTML به همراه توضیح فارسی آمده است:
🧩 عناصر اصلی فرم در HTML
| عنصر | توضیح |
|---|---|
<form> |
تگ اصلی فرم که همه عناصر داخل آن قرار میگیرند. |
<input> |
برای گرفتن ورودیهای مختلف از کاربر مانند متن، ایمیل، رمز عبور، فایل، چکباکس و … استفاده میشود. |
<label> |
برای برچسبگذاری فیلدهای فرم. با اتصال به یک فیلد (از طریق for) باعث افزایش دسترسیپذیری میشود. |
<textarea> |
برای گرفتن ورودیهای متنی چند خطی از کاربر (مثلاً توضیحات یا نظرات). |
<button> |
برای ایجاد دکمهها استفاده میشود، مخصوصاً دکمه ارسال (type="submit") یا دکمه معمولی (type="button"). |
<select> |
برای ایجاد فهرست کشویی استفاده میشود. |
<option> |
گزینههایی داخل یک <select> را تعریف میکند. |
<optgroup> |
برای گروهبندی گزینههای داخل <select> به کار میرود. |
<fieldset> |
برای گروهبندی عناصر مرتبط در فرم (مثلاً مشخصات فردی). |
<legend> |
عنوان بخش گروهبندی شده با <fieldset> را نشان میدهد. |
<datalist> |
گزینههایی از پیش تعریف شده برای ورودیهای تایپی فراهم میکند. مثل autocomplete. |
<output> |
برای نمایش نتیجه محاسباتی در فرم استفاده میشود. |
<progress> |
نوار پیشرفت را نشان میدهد (مثلاً هنگام آپلود). |
<meter> |
نمایش مقدار در یک محدوده (مانند امتیاز یا سطح). |
📌 مثال ساده از یک فرم HTML:
<form action=“/submit” method=“post”>
<label for=“name”>نام:</label>
<input type=“text” id=“name” name=“name” required>
<label for=“email”>ایمیل:</label>
<input type=“email” id=“email” name=“email”>
<label for=“message”>پیام:</label>
<textarea id=“message” name=“message”></textarea>
<label for=“gender”>جنسیت:</label>
<select id=“gender” name=“gender”>
<option value=“male”>مرد</option>
<option value=“female”>زن</option>
</select>
<button type=“submit”>ارسال</button>
</form>
دیدگاهتان را بنویسید