فرم ها (forms)

فرم‌ها در HTML برای گرفتن اطلاعات از کاربر استفاده میشن.
مثلاً برای ثبت‌نام، ورود، جستجو، پرداخت و...

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

📌 تگ <form>

<form action="submit.php" method="post">
  <!-- input ها اینجا -->
</form>

  • action → آدرس صفحه‌ای که داده‌های فرم به اون ارسال میشه.

  • method → روش ارسال داده‌ها:

    • GET → داده‌ها در URL نمایش داده میشن.

    • POST → داده‌ها مخفیانه ارسال میشن (ایمن‌تر برای فرم‌ها).

📌 تگ‌های مهم در Form

1. input (ورودی‌های مختلف)

<input type="text" placeholder="نام">
<input type="password" placeholder="رمز عبور">
<input type="email" placeholder="ایمیل">
<input type="number" placeholder="عدد">
<input type="date">
<input type="checkbox"> من قوانین را می‌پذیرم
<input type="radio" name="gender" value="male"> مرد
<input type="radio" name="gender" value="female"> زن
<input type="submit" value="ارسال">

2. label

برای مشخص کردن متن توضیحی برای input استفاده میشه.

<label for="username">نام کاربری:</label>
<input type="text" id="username" name="username">

3. textarea (متن چند خطی)

<textarea rows="4" cols="30" placeholder="پیام خود را بنویسید"></textarea>

4. select (لیست کشویی)

<select name="city">
  <option value="tehran">تهران</option>
  <option value="shiraz">شیراز</option>
  <option value="mashhad">مشهد</option>
</select>

5. button

<button type="submit">ارسال</button>
<button type="reset">پاک کردن</button>

✅ مثال کامل یک فرم

<!DOCTYPE html>
<html lang="fa">
<head>
  <meta charset="UTF-8">
  <title>HTML Form Example</title>
</head>
<body>

  <h2>فرم ثبت‌نام</h2>

  <form action="submit.php" method="post">
    <label for="name">نام:</label>
    <input type="text" id="name" name="name" required><br><br>

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

    <label for="password">رمز عبور:</label>
    <input type="password" id="password" name="password"><br><br>

    <label>جنسیت:</label>
    <input type="radio" name="gender" value="male"> مرد
    <input type="radio" name="gender" value="female"> زن <br><br>

    <label for="city">شهر:</label>
    <select id="city" name="city">
      <option value="tehran">تهران</option>
      <option value="shiraz">شیراز</option>
      <option value="mashhad">مشهد</option>
    </select><br><br>

    <textarea placeholder="پیام خود را بنویسید"></textarea><br><br>

    <input type="submit" value="ثبت">
  </form>

</body>
</html>