افزودن فيلد متني چند خطي از راهي ديگر
از همان نوار ابزار گزينه text area را انتخاب كنيد
مي توانيد از همان فيلد تك خطي گزينه multi line را انتخاب كنيد در آن صورت هم يكtext area ايجاد مي شود.
در اين قسمت هم همان گزينه هاي فيلد تك خطي وجود دارد كه اگر حالت single line را انتخاب كنيد يك input برايتان ايجادخواهد شد
افزودن يك چك باكس
شما مي توانيد از چك باكسها هم كه جزيي از اجزاي فرمها هستند هم در فرمهايتان استفاده كنيد
براي اين منظور بر روي گزينهcheckbox در نوار ابزار درج و قسمت فرم كليك كنيد در قسمت گزينه ها هم چيز خاصي ندارد
نام دلخواهتان را در قسمت CheckBox name تايپ كنيد و مقدار مورد نظرتان را هم مي توانيد در كادر checked value درج كنيد اين همان نام و مقداري است كه به سرور برگردانده مي شود پس در انتخاب نام و مقدار طوري عمل كنيد تا تشخيص باز خورد عمل كاربر برايتان آسان باشد
در قسمت initial state هم تعيين كنيد كه چك باكستان بطور پيش فرض تيك خورده باشد يا خير
افزودن دكمه هاي راديويي
دكمه هاي راديويي ( radio button ) در مواردي كه كاربر از تعدادي گزينه حق يك انتخاب را داشته باشد بكار گرفته مي شود براي ايجاد آنها بر روي radio group كليك كنيد. تا كادر زيربرايتان باز شود
در اين كادر نام دلخواهتان را در قسمت name تايپ كنيد توسط علائم +و – شما مي توانيد تعداد دكمه هايتان را كم يا زياد كنيد توسط دو فلش ▲▼ترتيب قرار گيري دكمه ها را تغيير دهيد
در كادر وسط هم شما برچسب و مقدار هر دكمه را مشاهده مي كنيد براي تغيير هر كدام بر روي آن يك بار كليك كنيد تا قابل ويرايش گردد
در انتها هم شما نوع چيدمان دكمه ها را بايد تعيين كنيد گزينه اول با تگ <br>خط را مي شكند كه در اين صورت دكمه ها در زير هم قرار مي گيرند اما گزينه دوم جدولي برايتان ايجاد كرده و هر دكمه را در يك رديف قرار مي دهد
پس از ايجاددر صورت احتياج به ويرايش شما مي توانيد به گزينه هاي هر دكمه رفته و آن را از طريق پانل گزينه ها ويرايش كنيد
در انتها بايد بگويم شما مي توانيد اين گروه را بااستفاده از دكمه هاي تكي هم ايجاد كنيد در كنار همان گزينه radio group گزينه radio button را انتخاب كنيد كه در اين روش دست شما براي طراحي صفحه تان بيشتر باز است منتها احتمال خطا بيشتر خواهد شد زيرا براي اين كه دكمه ها درست عمل كنند دو نكته را بايد مد نظر داشته باشيد
۱- تمامي دكمه هايي كه قرار است در يك گروه قرار داشته باشند حتما بايد از يك نام مشابه برخوردار باشند
۲- مقدار دكمه ها نبايد با هم يكسان باشد
بعنوان مثال ما توسط دكمه هاي راديويي جنسيت كاربر را درخواست كرده ايم ( همانند اكثر فرم ها و مخصوصا فرمهاي ثبت نام ) گزينه ها رابدين صورت ثبت نموديم
بر فرض اگر كاربر جنسيت خود را مرد اعلام كند چيزي كه به سرور برمي گردد به اين صورت است
Gender = male
اضافه كردن يك منوي كشويي يا يك ليست.
منوهاي كش ويي يا باز شو منوهايي هستند كه كاربر مي تواند از ميان تعدادي گزينه يك گزينه را انتخاب كند و نمونه هاي آن را در اكثر فرم ها حتما ديده ايد و ليستها هم همانطور كه از نامشان پيداست ليستي از انواع گزينه هايي كه شما تعيين كرده ايد مي باشند و فرقي كه بين منوهاي كشويي با ليستها وجود دارد در اين است كه منوهاي كشويي فقط قابليت يك انتخاب را دارند منتها در ليستهاي كشويي با نگه داشتن كليد شيفت صفحه كليد مي توان چندين گزينه را انتخاب كرد
براي درج يك منوي كشويي بر روي آيكن list/menu درقسمت فرم از نوار ابزار درج كليك كنيد حال نگاهي به پانل گزينه ها بيندازيد .
در قسمت type نوع را بايد مشخص كنيدكه مي تواند منو باشد يا يك ليست
دو گزينه selections و height در صورتي فعال مي شود كه در قسمت نوع شما ليست را انتخاب كرده باشيد.
كه گزينه height براي تعيين ارتفاع ليست شما كاربرد دارد كه شما بايد تعداد خطوطي را كه مايليد در اين ليست نشان داده شود را در كادر مقابل آن تايپ كنيد بديه ي است اگر تعداد گزينه هاي شما بيشتر از تعداد خطوط ليست باشد اسكرولي براي پيمايش ليست ظاهر مي گردد و گزينه allow multiple اگر انتخاب شود در حالت ليستي كاربر قادر است چندين انتخاب از ليست داشته باشد با درگ يا نگه داشتن كليد ctrl صفحه كليد شما با كليك بر روي
list values مي توانيد محتويات ليست يا منوي خود را وارد كنيد كه در اين لحظه با كادري همانند زير روبرو می شوید.
با كليك در قسمت item label آن قسمت فعال مي شود و شما متنتان را مي توانيد تايپ كنيد و كليك در قسمت value يز آن را فعال مي كند و شما مي توانيد مق داري به آن بدهيد پس از اتمام براي ايجاد گزينه جديد بر روي علامت + بالاي كادر كليك كنيد تا خط جديد براي ايجاد گزينه جديد در اختيارتان قرار گيرد به همين ترتيب مي توانيد هر تعداد گزينه كه مايل هستيد به ليست يا منوي خود اضافه كنيد بعنوان مثال ما سوالي را از با زديد كننده سايت نموديم تا نحوه آشنايي خودش با سايتمان را اعلام كند و اين گزينه ها را براي آن در نظر گرفتيم
و نيز از طريق شيوه نامه كلاسي براي تگ select تعريف نموديم با اين مشخصات
select.p1 {
font-family: tahoma;
font-size: 10pt;
color: #FF0000;
direction:rtl;
}
حال منوي ما بدين صورت خواهد بود
|