اموزش ساخت فرم به وسیله html

[laruz 983]

فرم های html تقریبا به جزء جدا ناپذیر وبسایت ها تبدیل شده و یکی از امکانات ضروری هر تارنمایی می باشد که به وسیله ی آن ارتباط بین بازدید کنندگان با مدیران وبسایت ها بهتر و سریع تر انجام می پذیرد.

همچنین به وسیله فرم ها می توانیم اطلاعاتی را که می خواهیم از بازدیدکنندگان خود بدست آوریم (مثلا محل زندگی , سن و..) و یا از طریق فرم های ” تماس با ما ” امکان ارسال نظرات و یا انتقادات بینندگان فراهم می شود.

برای ساخت فرم ابتدا در یک ویرایشگر متن مانند notepad ساختار html را وارد کرده سپس

1. تگ <form> را وارد می کنیم

2. تعیین کنید که به چه نوع اطلاعات برای جمع آوری نیاز دارید مثلا می خواهید یک فرم ورود اعضا بسازید و یا فرمی مانند تماس با ما

3. پس تعیین نوع اطلاعات و فرم خود در مرحله 2 اکنون نوبت به نوع دریافت اطلاعات است مثلا نیاز به ادرس ایمیل و یا وبسایت بازدید کننده دارید.

با استفاده از دستور input کادر وروردی اطلاعات را می سازیم با استفاده از دستور type می توانیم نوع اطلاعات ورودی را مشخص کنیم مثلا اطلاعات وروردی می تواند رمز عبور , شماره موبایل و… باشد

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

اگر اطلاعات ورودی رمز عبور باشد مقدار type را برابر با password قرار دهید با این کار کلمات وارده به صورت * نمایش داده می شوند

برای ارسال اطلاعات نیاز به دکمه مخصوصی داریم که این کار را انجام دهد برای ساخت این دکمه مقدار type را برابر با submit قرار می دهیم

شاید در فرم مورد نظر ما لازم باشد که کاربر از بین چند مورد گزینه ای را انتخاب کند مثلا انتخاب نوع جنسیت برای این کار مقدار type را برابر radio قرار می دهیم

اگر می خواهید به کاربر این امکان را بدید که تمام اطلاعات وارده را با زدن یک دکمه پاک کند می توانید از دکمه ریست استفاده کنید برای این کار مقدار type را برار با reset قرار دهید

تعریف یک لیست قابل انتخاب

5. در آخر یادتان باشد که تمام تگ های باز کرده در فرم را ببندید و در اخر هم </form> را فراموش نکنید