رفتن به مطلب

کاربران گرامی تاپیک استخدام و همکاری با سایت  رو مطالعه کنید و در صورت علاقه می توانید برای خودتون درآمد کسب کنید و پول در بیارید.

جستجو در
  • تنظیمات بیشتر ...
نمایش نتایجی که شامل ...
جستجو در ...
خوش آمدید مهمان!

برای دسترسی کامل به امکانات انجمن ثبت نام نمایید، زمانی که ثبت نام نمایید و وارد حساب کاربری خود شوید قادر خواهید بود موضوع جدید ایجاد نمایید، به موضوعات سایر اعضا پاسخ دهید، امتیاز کسب نمایید، به سایر اعضا پیام خصوصی ارسال نمایید و امکانات بی شمار دیگر ....

چرا منتظر هستید؟ هم اکنون ثبت نام نمایید.

8908190

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

امتیاز دادن به این موضوع:

پست های پیشنهاد شده

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

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

در این آموزش به معرفی فرم ها در 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 طراحی قالب حرفه ای

  • تشکر 1

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

در تاپیک ها، اگر سوال يا نظر خاصي نداريد لطفا فقط از دکمه تشكر يا می پسندم استفاده کنيد. نظراتي مانند مرسی، خوب بود، ممنون و ... شامل اسپم هستند و باعث کاهش کيفيت پست ها مي شوند.

بالا آوردن تاپیک ها و پست ها قبل از 48 ساعت ممنوع است و موجب حذف آنها خواهد شد.

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !

ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید

ورود به حساب کاربری

  • کاربران آنلاین در این صفحه   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.

  • مطالب مشابه

    • توسط ircfc
      مشاهده فایل شتابدهنده نسخه موبایل سایت با پروژه AMP گوگل WP AMP
      شتابدهنده نسخه موبایل سایت با پروژه AMP گوگل WP AMP
       
      نسخه اورجینال پلاگین WP AMP چه کاری برای شما انجام می دهد:
      بهبود باورنکردنی سئوی سایت افزایش سرعت سایت در نسخه موبایل بهبود تجربه کاربری (UX) دریافت ترافیک بیشتر از گوگل ساخت AMP سفارشی سایت بدون دانش برنامه نویسی افزایش فروش محصولات با ووکامرس  
      افزونه WP AMP این امکانات را به شما می دهد:
      پشتیبانی از تمام محتواها و آرشیو ها سازگاری کامل با افزونه های Yoast SEO، All in One SEO Pack، The SEO Framework و SEO Ultimate سازگاری کامل با ووکامرس (فروشگاه ساز محبوب وردپرس)  
      افزونه WP AMP از تمام پست تایپ های زیر پشتیبانی می کند:
      صفحات اصلی صفحات بلاگ صفحات ادامه مطلب صفحات استاتیک دسته بندی ها برچسب ها آرشیو زمان بندی و نویسنده جستجو صفحات ارور ۴۰۴ پست های سفارشی و طبقه بندی ها صفحه فروشگاه، محصولات، دسته بندی ها و برچسب محصولات  
      اما شما چه چیزهایی را می توانید شخصی سازی کنید:
      لوگوی سایت (متن، تصویر و یا هر دو) منوی هدر رنگ ها فونت ها محتوای فوتر تصاویر شاخص پست متاها پست های اخیر و مطالب مرتبط لیست دیدگاه ها و دکمه ثبت دیدگاه ووکامرس تبلیغات Html و CSS سفارشی  
      ارسال کننده ircfc ارسال پنجشنبه, 8 شهریور 1397 دسته افزونه و پلاگین  
    • توسط ircfc
      شتابدهنده نسخه موبایل سایت با پروژه AMP گوگل WP AMP
       
      نسخه اورجینال پلاگین WP AMP چه کاری برای شما انجام می دهد:
      بهبود باورنکردنی سئوی سایت افزایش سرعت سایت در نسخه موبایل بهبود تجربه کاربری (UX) دریافت ترافیک بیشتر از گوگل ساخت AMP سفارشی سایت بدون دانش برنامه نویسی افزایش فروش محصولات با ووکامرس  
      افزونه WP AMP این امکانات را به شما می دهد:
      پشتیبانی از تمام محتواها و آرشیو ها سازگاری کامل با افزونه های Yoast SEO، All in One SEO Pack، The SEO Framework و SEO Ultimate سازگاری کامل با ووکامرس (فروشگاه ساز محبوب وردپرس)  
      افزونه WP AMP از تمام پست تایپ های زیر پشتیبانی می کند:
      صفحات اصلی صفحات بلاگ صفحات ادامه مطلب صفحات استاتیک دسته بندی ها برچسب ها آرشیو زمان بندی و نویسنده جستجو صفحات ارور ۴۰۴ پست های سفارشی و طبقه بندی ها صفحه فروشگاه، محصولات، دسته بندی ها و برچسب محصولات  
      اما شما چه چیزهایی را می توانید شخصی سازی کنید:
      لوگوی سایت (متن، تصویر و یا هر دو) منوی هدر رنگ ها فونت ها محتوای فوتر تصاویر شاخص پست متاها پست های اخیر و مطالب مرتبط لیست دیدگاه ها و دکمه ثبت دیدگاه ووکامرس تبلیغات Html و CSS سفارشی  
    • توسط ircfc
      سلام به کاربران گرامی
       
      در این تاپیک قصد داریم تا شما رو به همکاری با این سایت دعوت کنیم تا هم سایت رو بالا بیاریم هم شما خودتون درآمدی از سایت بدست بیارید. خب بریم سر اصل مطلب که همکاری شما با ما به چه صورت خواهد بود.
       
      بخش فروشگاه سایت رو مدتی هستش که راه اندازی کردیم و دسته هایی هم تعیین شده که می تونید در آدرس زیر مشاهده بکنید
      دریافت‎ها - ایران سی اف سی
      هر کسی در هر زمینه ای که تخصص داره می تونه فعالیت خودش رو شروع بکنه و هر چیزی که در فروشگاه قرار داده میشه قیمتش دست خود شماست که می تونید بصورت رایگان یا پولی قرار بدید مثل نمونه های مشابهی که خود بنده در بخش مورد نظر قرار دادم و می تونید مشاهده بکنید.
       
      در صورتی که آموزش یا فایل خود را بصورت پولی قرار می دهید این مواردرو بهتر هستش که رعایت کنید:
      قیمت رو طوری قرار دهید که سریع و راحت به فروش برسد. سعی کنید با قیمت های سایت های مشابه برابر یا کمتر باشد. حدود 5 درصد مبلغ فروش به سایت تعلق خواهد گرفت مابقی در نام کاربری شما ذخیره خواهد شد. در پایان هر ماه حداقل 10.000 هزار تومان و حداکثر (بستگی به فروش آموزش یا فایل هایتان دارد) می توانید از قسمت اعتبار حساب بخش فروشگاه درخواست کنید تا بصورت کارت به کارت در طی حداکثر 48 ساعت کل مبلغ به حساب شما واریز گردد.  
      توجه: لطفا آموزش یا فایل که حاصل کار خودتان است را در اینجا قرار دهید و از کپی کردن منابع دیگر خودداری کنید.
       
      الان تنها بخش هایی که بیشتر نیاز داریم تا شما دوستان در اونجا فعالیت داشته باشید بخش های زیر هستند:
      + گرافیک و طراحی
      کارت ویزیت بنر مشاغل بنر مناسبتی تراکت دیگر طرح ها + اینترنت و سئو سایت
      مقاله و آموزش نرم افزار + هک و امنیت
      مقاله و آموزش نرم افزار + فلش و رام موبایل
      + تحقیق و مقاله
      ابتدایی متوسطه اول متوسطه دوم کنکوری + پایان نامه و کارآموزی
      کاردانی کارشناسی کارشناسی ارشد دکتری + پشتیبانی سیستم های مدیریت محتوا (خود بنده اکثر این سیستم هارو از نظر قالب، افزونه و پلاگین و فارسی ساز پشتیبانی کامل و بروز می کنم)
       
      اینم تاپیک راهنمای ارسال فایل در بخش فروشگاه هستش که می تونید مشاهده بکنید
       
      توجه: در صورت امکان در آموزش ها یا فایل های ارسالی خود آدرس انجمن را ذکر کنید.
      مثل: file - www.ircfc.ir.zip
       
      حتی اگه شما در محیط خارج از اینترنت شاغل هستید می توانید با روزانه یا هر زمانی که فرصت کردید یک الی دو ساعت وقت گذاشتن و قرار دادن یک یا چند آموزش یا فایل در این بخش علاوه بر درآمد شغلی خودتان درآمدی اندک که رفته رفته بیشتر خواهد شد بدست بیاورید که همه چیز بستگی به تلاش و همت خودتان خواهد داشت.
       
      امیدواریم که با حمایت و همکاری شما با ما بتوانیم یکی از مرجع های جامع و بزرگ در ایران باشیم و با یک محیط شاد و صمیمی در خدمت ایرانیان کشور عزیزمان باشیم.
       
      با تشکر
      یاحق
    • توسط wone
      مواردی که منجر به این امر می شوند گرافیک زیبا و صریح همراه با سرعت لود بالا  به همراه در برگرفتن مفهوم و ماهیت اصلی سایت است.اگر چنین نباشد این وب سایت دو مورد از شاخص های مهم که گوگل جهت ارزیابی از آن ها استفاده می کند را از دست خواهد داد.Bounce rate  و Session duration وب سایت حرفه ای باید نظر اکثریت کاربران اینترنتی را جلب کند
      نیل به این هدف نیازمند آمار گیری از تجربه کاربران و تجزیه و تحلیل مخاطبان سایت است. به طور مثال باید بدانیم مخاطبان سایت  در چه رده سنی هستند،دستگاه هایی که برای اینترنت استفاده می کنند از چه نوعی هستند هدف وب سایت چه است و مخاطبان آن به دنبال چه چیزی هستند و .... تأثیر هریک از این موارد ممکن است  در طراحی و یا نوع پیاده سازی سایت چشم گیر باشد.   محتوا در طراحی حرفه ای نقشی کلیدی ایفا می کند
      نداشتن غلط املایی،استفاده از فونت های مناسب و به جا،چیدمان صحیح ایتم ها.تکراری نبودن  جملات و عبارت های استفاده شده در متن  و .... .   وب سایت باید به گونه ای باشد که مخاطب بتواند تمام آن چیزی را که شما دوست دارید به راحتی پیدا کند
      در مجموع تجربه تمامی مواردی که در رابط کاربری منعکس می گردند با نام UX شناخته می شوند و سایتی موفق و حرفه ای طراحی شده است که UX را در مرکز توجه خود قرار داده باشد و آن را تا حد ممکن بهبود ببخشد.
×