تگ form چیست و چه صفات و کاربردی دارد؟

ارسال شده توسط: حسین درویشی Comments: 0

تگ form چیست و چه صفات و کاربردی دارد؟

تگ form در html به منظوردریافت و ارسال اطلاعات کاربران از صفحه ای به صفحۀ دیگر است. این تگ دارای صفات و عنصرهای مهمی است که در ادامه بررسی خواهیم کرد.

عنصر فرم چیست؟

وقتی اسم و صدای تگ فرم پیش می آید فکر و ذهنتان را فرم های اداری مخشوش می کند. تقریباً می توان گفت که شبیه این فرم های اداری هستند به نحوی که این فرم ها را در صفحات وب مشاهده می کنید.

فرض کنید برای استخدام در یک شرکت فرم استخدامی وجود دارد که تقاضا کنندگان باید آن را پر کنند و به شرکت تحویل دهند همین فرم در سایت شرکت قابل پیاده سازی است و تقاضا کنندگان باید فرم را در سایت شرکت پر کنند.

حال فرم استخدامی را در ذهنتان تصور کنید! یک فرم استخدام می تواند شامل نام و نام خانوادگی و … باشد.

در صفحات وب برای دریافت اطلاعات از کاربران از کنترل Text استفاده می کنند به شیوه ای که کاربر بتواند با صفحات دارای فرم تامل داشته باشد.

چه تگ هایی داخل فرم قرار می گیرند؟

عنصر form با خصیصه هایی که دارد می تواند اطلاعات TextBox ها را به صفحات دیگر با متد های Getیا Post ارسال کند (بعداً این متدها بررسی خواهند شد) اصلاحاً به تگ ها فرم تگ های ورودی (input) می گویند.

تگ های فرم می تواند شامل موارد زیر باشد:

  1. دکمه (Button)
  2. باکس متن (TextBox)
  3. برچسب (Label)
  4. باکس آپلود
  5. چکس باکس(Check Box)
  6. ریدیو باتون(Radio Button)
  7. و…

صفات تگ Form

تگ فرم به طریق زیر تعریف می شود و دارای خصیصه های action, method, name, enctype و … می باشد.

خصیصه action

مقدار این خصیصه آدرس صفحه ای است که قرار است اطلاعات به آن ارسال شوند.

خصیصه method

این خصیصه دو مقدار Get یا Post می پذیرد که روش ارسال اطلاعات به مقصد است.

از روش Get زمانی استفاده می کنند که موارد امنیتی مهم نباشد مثلاً ارسال تصویر.

از روش Post هنگامی استفاده می کنند که موارد امنیتی مهم باشد مانند اطلاعات صفحه ورود به سایت.

اگر در صفحه ورود به سایت از روش Get استفاده شود تمام داده های ارسالی کاربر در آدرس مرورگر صفحه نمایان خواهد بود.

 <form action="/action_page.php">
First name:<br>
<input type="text" name="firstname" value="Mickey"><br>
Last name:<br>
<input type="text" name="lastname" value="Mouse"><br><br>
<input type="submit" value="Submit">
</form> 

تگ form در html چیست و کاربرد آن چیست

این موارد خصیصه های تگ فرم form در html بود در مقاله بعدی به بررسی کنترل ها خواهیم پرداخت.

برای امتیاز به این نوشته کلیک کنید!
[کل: 1 میانگین: 5]

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *