فرم اطلاعات در HTML

آموزش HTML

فرم ها در HTML برای گرفتن اطلاعات و ارسال آن ها به سرور برای کارهایی مثل ذخیره در پایگاه داده ها استفاده می شوند.

فرم توسط تگ <form> ایجاد می شود و در میان آن کنترل هایی به شکل زیر قرار می گرد که دیتاهای خود را به شکل زیر درون آن وارد می کنید:

<form> <label for="fname" >نام </label><br /> <input type="text" name="fname" id="fname" /><br /> <label for="lname" >نام خانوادگی</label><br /> <input type="text" name="lname" id="lname" /> </form> خروجی به شکل زیر خواهد بود:

کنترل های ورودی مختلفی وجود دارند، مثلا برای داشتن کنترل های چک باکس از روش زیر استفاده می شود:

<form> <input type="checkbox" id="python" name="python" value="python"> <label for="python"> پایتون را انتخاب می کنم </label><br> <input type="checkbox" id="java" name="java" value="java"> <label for="java"> جاوا را انتخاب می کنم</label><br> <input type="checkbox" id="c" name="c" value="C"> <label for="c">سی را انتخاب می کنم</label> </form>

خروجی به شکل زیر می شود:

توجه داشته باشید که هر فرمی برای ارسال اطلاعات خود به سرور نیاز به یک دکمه ثبت دارد که به صورت زیر تعریف می شود:

با اضافه کردن کد بالا به مثال نخست، فرم به شکل زیر در می آید:

<form> <label for="fname" >نام </label><br /> <input type="text" name="fname" id="fname" /><br /> <label for="lname" >نام خانوادگی</label><br /> <input type="text" name="lname" id="lname" /><br /> <input type="submit" value="ثبت اطلاعات" /> </form> و خروجی به شکل زیر خواهد بود:
نام

نام خانوادگی

ولی با دکمه ثبت، اطلاعات به کجا می روند، این کاری است که خصوصیت action="" در تگ >form< انجام می دهد. یعنی صفحه ای را که در این خصوصیت بنویسید پس از زدن دکمه ثبت اطلاعات به آنجا فرستاده می شوند. به کد زیر توجه کنید:

همانطور که می بینید مقدار action را برابر safheye2.php قرار دادیم که به این معنا است که اطلاعاتی که درون کنترل ها نوشته اید پس از زدن دکمه ثبت به safheye2.php فرستاده می شوند؛ و در ساده ترین حالت می توانید با دستورات php بگویید داده های ورودی را نمایش بده؛ یا با استفاده از دستورات mysql داده ها را درون دیتابیس قرار دهید.

آموزش HTML

تماس با ما

آدرس:

تلفن:

ایمیل:

ما در شبکه های اجتماعی: