تکنولوژی با طعم دوستی

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

در ادامه با کافه دوستی همراه باشید.

 همانند تمامی بخش‌های اچ تی ام ال، فرم‌ها با تگ مخصوص خودشان شروع و با همان تگ و علامت / بسته می‌شوند در واقع تگ‌های ما به صورت <form> </form> شروع می‌شود و باقی اطلاعات فرم ما بین این دو تگ نوشته می‌شود.  در واقع برای شروع مرحله اول ما به شکل زیر خواهد بود.

<form>

.محتویاتی که قرار است در قالب فرم ارسال شوند .

<form/>

مرحله اول: تگ <form> را باز می‌کنیم. این تگ به خودی خود ظاهر مشخص و قابل تصویری ندارد و تگ‌هایی که در داخل آن هستند، نمایش داده می‌شوند. 

مرحله دوم: برای وارد کردن اطلاعات در داخل فرم ما از تگ <input> استفاده می‌کنیم. این تگ در واقع به شکل‌های مختلف اطلاعات را از ما می‌گیرد و به سرور ارسال می‌کند.  تگ‌های اینپوت انواع مختلفی دارند که در ادامه بدان‌ها خواهیم پرداخت. 

مرحله سوم: در نهایت تگ فرم را می‌بندیم: <form/>

انواع ورودی‌ها: 

همانطور که گفتیم، ورودی‌هایی که درون فرم‌ها قرار دارند، انواع مختلفی دارند. این ورودی‌ها را input می‌گوییم و با تگ<input> می‌نویسیم. در واقع ما به شکل‌های مختلفی می‌توانیم وروردی‌ها را از کاربران دریافت کنیم. به همین خاطر در کنار تگ <input> کلمه‌ یا صفتی به نام Type قرار می‌گیرد که ما به کمک آن‌ مشخص می‌کنیم قصد دریافت چه اطلاعاتی را از کاربر داریم(درست فهمیده‌اید، type یک اتریبیوت برای تگ input است). این موضوع را در زیر نشان داده‌ایم. 

<input  type= "text"> 

<input  type= "radio">

<input  type= "submit">

ورودی متن:

<"input  type= "text> برای دریافت متن به عنوان ورودی به کار می‌رود. در واقع هر چیزی که به عنوان متن محسوب شود (مثل نام کاربری، نام فرد، سن و سال یا هر چیز دیگری که متن باشد) در این ورودی‌ها قرار می‌گیرد. 

نام: <br>

<input type="text"  value="کافه دوستی"><br>

نام خانوادگی: <br>

<input type="text"  value="کافه دوستی">

نتیجه‌ای که مرورگر نمایش خواهد داد