فرمهای HTML ابزار بسیار قدرتمندی برای تعامل با کاربران هستند، اما به دلایل فنی همیشه مشخص نیست که چگونه از آنها تا حد توان استفاده کنیم. در این مورد صرفاً ارسال داده کافی نیست - همچنین باید مطمئن شوید که دادههایی که کاربران در فرمها پر میکنند با فرمت صحیحی که برای پردازش موفقیتآمیز آن لازم است ارسال میشود و این امر باعث خرابی برنامههای موجود نمیشود. همچنین کمک به کاربران در پر کردن صحیح فرمها و ناامید نشدن هنگام تلاش برای استفاده از برنامهها بسیار مهم است.
تگ برای ایجاد یک فرم HTML استفاده می شود. در واقع حاشیه ایجاد نمی کند، اما به عنوان یک محفظه والد برای عناصری مانند استفاده می شود. چه بخواهید یک فرم اشتراک ساده با پرداخت و پرداخت معمولی ایجاد کنید، یا برنامه های کاربردی وب تعاملی، باید از تگ های عناصر HTML برای کار استفاده کنید، که مهمترین آنها. است.
چقدر استانداردفرم های HTML
فرم های HTML قبل از ظهور جاوا اسکریپت ناهمزمان و برنامه های کاربردی وب پیچیده ابداع و تا حد زیادی استاندارد شده بودند. امروزه از ورودیهای فرم، دکمهها و سایر مکانیسمهای تعامل استفاده میشود، اما هسته اصلی این سیستم مبتنی بر الگوی درخواست و پاسخ HTTP است.
هنگامی که کاربر یک صفحه را بارگذاری می کند، یک درخواست http ارسال می شود (معمولاً یک درخواست GET). توسط مرورگر شما به سرور ارسال می شود و معمولا سرور با صفحه وب مورد نظر کاربر پاسخ می دهد. این تعامل یکی از اساسی ترین مفاهیم اینترنت است. و این دقیقاً نحوه عملکرد فرمهای HTML را توضیح میدهد.
فرایند تبادل اطلاعات با سرور
هر کدام که شامل عناصری مانند, در داخل قرار دارد و دارای یک ویژگی نام (نام) و همچنین مقدار آن است. مقدار به روش های مختلفی تعریف می شود. برای متن، این مقداری خواهد بود که توسط کاربر سایت در فیلد وارد شده است. برای یک دکمه رادیویی، مقدار گزینه انتخاب شده. کاربر می تواند مقدار را تنظیم کند، اما اغلب نمی تواند ویژگی نام را تنظیم کند. این یک مجموعه از جفتهای نام/مقدار ایجاد میکند که مقادیر با ورودی کاربر تعیین میشوند.
تفاوت اصلی بین یک فرم و یک سند HTML معمولی این است که، در بیشتر موارد، داده های جمع آوری شده توسط یک فرم به یک وب سرور ارسال می شود. در این حالت باید یک وب سرور برای دریافت و پردازش داده ها راه اندازی کنید. ویژگی عمل تگمکان (URL) را مشخص می کند که داده های جمع آوری شده باید در آنجا ارسال شوند.
پاسخ سرور چگونه به نظر می رسد
هنگامی که فرم ارسال می شود، جفت نام-مقدار و تمام فیلدهای درون عنصر در HTTP گنجانده می شود. یک درخواست به URL مشخص شده در قالب ویژگی action ارسال می شود. نوع درخواست (GET یا POST) در ویژگی روش خواهد بود. این بدان معناست که تمام داده های ارائه شده توسط کاربر به محض ارسال فرم به سرور ارسال می شود و سرور می تواند هر کاری که می خواهد با آن داده انجام دهد. هنگامی که سرور فرم ارسالی را دریافت می کند، با آن مانند هر درخواست HTTP دیگری رفتار می کند. سرور هر کاری را که لازم است با داده های ارائه شده انجام می دهد و به مرورگر پاسخ می دهد.
اگر به خاطر داشته باشید که بارگذاری صفحه پاسخ است، متوجه خواهید شد که همین اتفاق در اینجا رخ می دهد. در یک فرم معمولی ایجاد شده با برچسب، پاسخ یک صفحه جدید است که توسط مرورگر بارگذاری شده است. به طور معمول، صفحه جدید جایگزین محتوای فعلی می شود، اما این می تواند با ویژگی target لغو شود. اکثریت قریب به اتفاق فرمهای آنلاین به این ترتیب کار میکنند، به همین دلیل است که وقتی کاربر یک فرم اشتراک ایمیل را پر میکند، به صفحه تشکر فرستاده میشود.
برنامه ها و فرم های وب بدون برچسب
برنامههای کاربردی وب تعاملی مدرن از کد جاوا اسکریپت برای ایجاد درخواستهای http ناهمزمان استفاده میکنند. اینها تماس هایی با سرور هستند که باعث بارگیری مجدد صفحه نمی شوند. آنها به یک برچسب متکی نیستند - یک عنصر HTML که در رفتار ساخته شده است. آنها همه داده ها را در یک کل واحد ترکیب نمی کنند.کاربر و بلافاصله آنها را ارسال نکنید. به همین دلیل، بسیاری از طراحان طرحبندی HTML + JS در برنامههای وب از تگ در همه فرمها استفاده نمیکنند. اغلب، آنها به سادگی از آن به عنوان نوعی ظرف برای انواع مختلف فیلدها و عناصر ورودی استفاده می کنند. در این حالت، ویژگیهای متد و عملکرد مورد استفاده قابل مشاهده نخواهد بود.
اطلاعات بیشتر درباره فرم ها
فرم های HTML یکی از نکات برجسته تعامل کاربر با یک وب سایت یا برنامه است. آنها به کاربران اجازه می دهند تا داده ها را به سایت ارسال کنند. بیشتر اوقات، داده ها به وب سرور ارسال می شود، اما صفحه وب نیز می تواند آن را برای استفاده به تنهایی رهگیری کند. بسیاری از عناصر مرتبط با فرم وجود دارد - انواع مختلف دکمه ها، انتخابگرها برای انواع مختلف، مکانیسم های بازخورد. بنابراین، تصمیم گیری برای اختصاص دادن چه مقادیری به ویژگی های برچسب می تواند دشوار باشد. وقتی نوبت به ایجاد فرم ها می رسد، باید کاری کنید که آنها در اندازه های مختلف صفحه نمایش کار کنند. مهم است که آنها را برای افراد دارای معلولیت در دسترس قرار دهیم. به همین دلیل است که فرم ها و تگ های ویژگی شاید پیچیده ترین جنبه HTML باشند.
شکل از چه چیزی تشکیل شده است
فرم HTML از یک یا چند ویجت تشکیل شده است. آنها می توانند فیلدهای متنی تک خطی یا چند خطی، کادرهای انتخابی، دکمه ها یا دکمه های رادیویی باشند. آنها اغلب با یک ویژگی مرتبط هستند که هدف آنها را توصیف می کند - پیاده سازی مناسب می تواند به وضوح به کاربران بینا و نابینا در مورد نحوه دسترسی به فرم ورودی آموزش دهد. صفتبه ترتیب با ویژگی های for و id خود به درستی مرتبط هستند. سپس برچسب for به ویژگی id ویجت مربوطه اشاره می کند و صفحه خوان با استفاده از آن، آنچه در آن نوشته شده است را می خواند.
علاوه بر ساختارهای خاص تگ، مهم است که به یاد داشته باشید که فرم ها فقط کد HTML هستند. این بدان معنی است که شما می توانید از تمام قدرت HTML برای ساختار فرم های خود استفاده کنید. یک روش معمول استفاده از تگ برای بسته بندی عناصر برچسب گذاری شده بااست.
. لیست های HTML نیز به طور گسترده مورد استفاده قرار می گیرند؛ چک باکس های متعدد یا دکمه های رادیویی برای ساختاربندی استفاده می شوند. پس از ایجاد فیلدهای ورودی، باید یک دکمه با استفاده از برچسب اضافه کنید و نتیجه را بررسی کنید. انعطاف پذیری فرم های HTML آنها را به یکی از پیچیده ترین ساختارها در قالب HTML تبدیل می کند. اما با ساختار مناسب هنگام ساخت یک فرم HTML، می توانید اطمینان حاصل کنید که هم قابل استفاده و هم قابل دسترسی است.