تگ form در html برای دریافت اطلاعات و دیتا از کاربر در صفحات وب کاربرد دارد، در این مقاله قصد داریم شما را با مفهوم تگ فرم در HTML و نحوه استفاده از آن بیشتر آشنا کنیم. در ادامه همراه داتیس نتورک باشید.
تگ form در HTML چیست؟
عنصر <form> در html برای ساحتن یک فرم به منظور دریافت اطلاعات در صفحات وب است.
تمامی سایت ها برای دریافت اطلاعات از کاربرها از این تگ استفاده میکنند، مثال هایی از عنواع کاربرد های فرم در سایت های مختلف عبارت اند از: فرم های ارسال نظر، فرم ثبت نام/ورود به سایت و..
<form> عناصر مربوط به فرم <form/>
عنصر <form> دربرگیرنده عنصر های مختلف ورودی اطلاعات است مانند: متن، کادر انتخاب(چند انتخابی)، دکمه رادیویی(تک انتخابی)، دکمه های ثبت اطلاعات و…
تمامی این موارد داخل تگ input قرار میگیرند.
عنصر input در فرم های HTML
عنصر <input> پر استفاده ترین عنصر فرم است. در واقع از عنصر <input> در تگ form برای کادر های ورودی و حتی خروجی استفاده میشود.
یک عنصر وروردی اطلاعات بسته به داده ای که به type میدهیم، در شکلهای مختلفی قابل نمایش است. برای مثال اگر از نوع متن <input type=”text“> یک جای خالی تک خطی برای دریافت اطلاعات متنی به ما می دهد.
عنوان داده های صفت type
- نوع text: جای خالی یک خطی در فرم، پر استفاده ترین روش دریافت اطلاعات در فرم است و برای دریافت نام، نام خانوادگی، شماره موبایل و… استفاده میشود.
- نوع radio: انتخاب یک مورد از بین گزینه های در دسترس، در این مورد به کاربر اجازه میدهید تا فقط یکی از مواردی که در دسترس قرار دادید انتخاب کند.
- نوع checkbox:انتخاب یک یا چند مورد از بین گزینه های در دسترس، در این مورد به کاربر اجازه میدهید تا هر چند از مواردی که در دسترس قرار دادید انتخاب کند.
- نوع submit: ارسال اطلاعات وارد شده توسط کاربر به سرور برای پردازش که با استفاده از صفت action در تگ form به صفحه دلخواه برای پردازش ارسال میشود.
- نوع button: دکمه با لینک و متن دلخواه، یکی از پر استفاده ترین نوع های تگ input است، که در شرایط مختلف استفاده میشود، حتی بیرون از فرم
امیدواریم مقاله آشنایی با کاربرد و مفهوم تگ فرم برای شما مفید بوده باشد.
داتیس نتورک را در شبکه های اجتماعی دنبال کنید.