آشنایی با طراحی سایت - کار با فرم ها در HTML

[8908190]

ضمن عرض سلام و احترام خدمت تمامی کاربران فروم ایران سی اف سی

قصد داریم یکسری مقالات در زمینه برنامه نویسی های مختلف ، برای شما عزیزان قرار دهم . پیشاپیش از تمامی مدیران فروم قدردانی میکنم بابت این فروم بسیار مفید و کاربردی.

در این آموزش به معرفی فرم ها در HTML می پردازیم.

اگر بخواهید اطلاعاتی از بازدید کنندگان سایت خود را جمع آوری کنید ،نیاز به ایجاد یک فرم (form) پیدا خواهید کرد.منظور از اطلاعات بازدید کنندگان چیست؟
مثلا هنگامی که یک کاربر قصد ثبت نام در سایت شما را دارد، اطلاعاتی مانند نام، آدرس ایمیل و شماره کارت اعتباری و غیره را وارد میکند و شما می بایست آنها را ثبت کنید.این اطلاعات داخل فرم ها ثبت و نگهداری میکند.

یک فرم در html ، داده ها را از بازدید کننده ی سایت می گیرد و سپس آن را به یک برنامه ی پایانی مانند CGI، اسکریپت ASP یا اسکریپت PHP باز می گرداند. برنامه ی پایانی عملیات مورد نیاز را ، بر اساس دستور العمل تعریف شده در برنامه، روی داده ی مورد نظر انجام می دهد. 

تگ های متفاوتی برای ایجاد form در html در دسترس می باشند، مانند فیلد های متن، فیلدهای textarea، منوهای رو به پایین، دکمه های رادیو، چک باکس ها و غیره.
تگ <form> مربوط به HTML ، برای ایجاد یک فرم HTML استفاده می شود و دارای سینتکس زیر می باشد :

<form action = "Script URL" method = "GET|POST">
   form elements like input, textarea etc.
</form>

مشخصه های فرم های html :

علاوه بر ویژگی های متداول، در زیر لیستی از متداول ترین ویژگی های مربوط به فرم را مشاهده می کنید :

• Action: مسیر اسکریپت backend برای پردازش داده ی انتقال شده .
• Method: متداول ترین روش برای بارگزاری داده می باشد . (متداول ترین GET  و POST )
• Target: پنجره ی هدف یا فریم ، جایی که نتیجه ی اسکریپت نمایش داده میشود را مشخص میکند. این مشخصه میتواند مقادیر self  ، blankو ... را بگیرد .
• Enctype: شما می توانید از ویژگی enctype برای مشخص کردن چگونگی برنامه نویسی توسط مرورگر قبل از ارسال به سرور، استفاده کنید. مقادیر ممکن عبارتند از: application/x-www-form-urlencoded - این روش استانداردی است که بیشتر فرم ها در سناریو های ساده استفاده می کنند. mutlipart/form-data - این روش زمانی استفاده می شود که شما می خواهید داده های چندگانه را به شکل فایل هایی مانند تصویر بارگذاری کنید.

کنترل های فرم html  :

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

• کنترل های ورودی متن
• کنترل های چک باکس
• کنترل های رادیو باکس
• کنترل های انتخاب باکس
• باکس های انتخاب فایل
• کنترل های مخفی
• دکمه های قابل کلیک شدن
• ثبت و تنظیم مجدد

 

 

 

 

 

منبع:

مقاله آموزش HTML از 0 تا 100 طراحی قالب حرفه ای