نحوه ایجاد فیلدهای فرم

فهرست مطالب:

نحوه ایجاد فیلدهای فرم
نحوه ایجاد فیلدهای فرم

تصویری: نحوه ایجاد فیلدهای فرم

تصویری: نحوه ایجاد فیلدهای فرم
تصویری: نحوه ایجاد فرم های قابل پر کردن در مایکروسافت ورد (ایجاد فرم های قالب منابع انسانی) قسمت 1 2024, ممکن است
Anonim

پردازش داده هایی که بازدید کنندگان پس از پر کردن فرم های وب به سرور ارسال می کنند توسط یک برنامه خاص (اسکریپت) انجام می شود. بنابراین ، منطقی است که فقط در صورت برنامه ریزی توابع کار با این فیلدها ، فیلدها را به فرم ارسال شده در یک صفحه وب اضافه کنید. در صورت برآورده شدن این شرط ، انجام بخش نسبتاً ساده کار افزودن برچسب ها به کد منبع صفحه که زمینه های مورد نیاز را تشکیل می دهند ، باقی مانده است.

نحوه ایجاد فیلدهای فرم
نحوه ایجاد فیلدهای فرم

لازم است

دانش پایه HTML

دستورالعمل ها

مرحله 1

در صورت امکان استفاده از حالت ویرایش بصری ، ویرایشگر صفحه می تواند عملیات تشکیل برچسب های لازم را بر عهده بگیرد. چنین ویرایشگری می تواند جزئی جدایی ناپذیر از سیستم مدیریت محتوا باشد - وارد آن شوید و صفحه ای را با شکلی بارگذاری کنید که در آن باید زمینه های جدید اضافه شود. از عملیات کپی و جایگذاری استفاده کنید - چند عنصر موجود را انتخاب کرده و کپی کنید (قسمت ورودی و متن مرتبط با آن) ، سپس بر روی صفحه ای که باید قسمت اضافی قرار گیرد کلیک کنید و قسمت کپی شده را جای گذاری کنید.

گام 2

پس از آن ، خصوصیات هر عنصر از جفت را به طور جداگانه ویرایش کنید. فقط کتیبه را با ماوس انتخاب کرده و متن جدید تایپ کنید و برای قسمت ورودی از دکمه ای در صفحه ویرایشگر استفاده کنید که خصوصیات آن را باز می کند. در ویژگی ها ، حداقل باید مقدار را در قسمت name تغییر دهید - باید با نام فیلدی که در اسکریپت پردازش برنامه ریزی شده است مطابقت داشته باشد. کپی / جایگذاری را برای مجموعه فیلدهای مورد نیاز تکرار کنید و صفحه را ذخیره کنید.

مرحله 3

در صورت عدم دسترسی به ویرایش تصویری ، کد منبع صفحه را در هر متن یا ویرایشگر تخصصی باز کرده و برچسب های لازم را به آن اضافه کنید. این روش به برخی از دانش های HTML و تکنیک های چیدمان صفحات وب نیاز دارد. برای افزودن یک قسمت متن ساده به فرم ، از برچسب ورودی استفاده کنید و متن مقدار را به ویژگی type اضافه کنید. علاوه بر این ویژگی ، فقط نام لازم است - باید حاوی نام این قسمت فرم باشد که برای اسکریپت کنترل کننده شناخته شده است. با استفاده از سایر ویژگی ها ، می توانید تعداد نویسه هایی را تعیین کنید که طول فیلد ورودی (مشخصه اندازه) ، حداکثر تعداد نویسه مجاز (حداکثر طول) ، پارامترهای سبک (سبک) ، عضویت کلاس (کلاس) و غیره را تعیین کنند. این برچسب در کد دیده می شود ، به عنوان مثال مانند این:

مرحله 4

برای یک قسمت متن چند خطی ، از برچسب textarea استفاده کنید. باز و بسته شدن از دو قسمت تشکیل شده است. در مرحله اول ، شما باید مقدار نام را تعیین کنید و با استفاده از ویژگی های سطرها و ستون ها ، می توانید تعداد سطرها و ستون های این عنصر فرم را تنظیم کنید. مثلا:

مرحله 5

انواع دیگر قسمتهای فرم می توانند کادرهای تأیید باشند - برای شکل دهی آنها از برچسب ورودی نیز استفاده می شود ، اما بر خلاف فیلد متنی تک خطی ، مقدار کادر تأیید را در ویژگی type مشخص کنید. اگر این عنصر فرم باید بررسی شود ، مشخصه تیک خورده را به برچسب آن اضافه کنید. مثلا:

مرحله 6

برای درج جعبه انتخاب در فرم و بارگذاری پرونده ، از همان برچسب ورودی با مقدار پرونده در ویژگی type استفاده کنید. مثلا:

مرحله 7

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

توصیه شده: