שדות קלט מרובים לבחירת טפסים ב- HTML

• מאי 6, 2024

אם אתה בונה טופס באתר שלך ורוצה שהמבקרים שלך יבחרו באפשרות אחת או יותר שנבחרו מראש, שדה קלט מרובה הבחירות הוא הדרך ללכת.

לחצן הבחירה הוא בחירה נפוצה מאוד עבור אפשרויות לבחירה מרובה; לעתים קרובות תראה אותם בשימוש בחידונים באינטרנט ובטפסים דומים. כפתורים אלה משמשים כשרוצים שהמבקרים יבחרו רק באחת מכמה אפשרויות. לדוגמה, אם היית בונה חידון אישיות באתר שלך ורצית שהמבקרים יבחרו בצבע הראשי המועדף עליהם (אדום, כחול או צהוב), היית משתמש בכפתורי רדיו.

כפתורי הרדיו מקובצים לפי תכונת ה"שם "שלהם. בקבוצה של כפתורי רדיו שחולקים את אותו שם, המבקרים יוכלו לבחור רק אחד מהם; לחיצה על כפתור אחר בקבוצה תבטל את הבחירה בבחירה המקורית. התכונה "ערך" מגדירה לאיזו אפשרות כפתור הרדיו שייך, והתכונה "בדוק" מאפשרת לך לבחור מראש אפשרות.

בדוגמה שלמעלה, השאלה עשויה להיות מקודדת באופן הבא:

מה הצבע העיקרי האהוב עליך?

אדום

כחול

צהוב

באתר שלך השאלה תיראה כך:

מה הצבע העיקרי האהוב עליך?
אדום
כחול
צהוב

השדה המרובה הבחירות השני הוא התפריט הנפתח. בעזרת התפריט הנפתח אתה יכול לבחור לאפשר בחירות מרובות או אחת בלבד; תפריטים נפתחים תופסים פחות מקום בדף, כך שהם מאפשרים לך להציג יותר אפשרויות עם פחות צפיפות.

תפריטים נפתחים משתמשים בתג "בחר" כבסיס השדה, ותג "אפשרות" כדי להגדיר את פריטי התפריט. אתה יכול לשנות את התג "בחר" עם התכונה "גודל", שמציין כמה פריטים גלויים לפני שהמבקר לוחץ כדי לפתוח את התפריט, ואת התכונה "מרובה", שאם מוגדרת מאפשרת למבקר לבחור יותר מאופציה אחת. . אתה יכול גם לשנות את התג "אפשרות"; התכונה "שנבחר" מאפשרת לבחור מראש אפשרות זו.

להלן שאלה לדוגמה באמצעות תפריט נפתח:

מה היום הכי פחות אהוב עליכם בשבוע?


יום ראשון
יום שני
יום שלישי
יום רביעי
יום חמישי
יום שישי
יום שבת


באתר שלך השאלה תיראה כך:

מה היום הכי פחות אהוב עליכם בשבוע?

יום ראשון
יום שני
יום שלישי
יום רביעי
יום חמישי
יום שישי
יום שבת


האפשרות השלישית לבחירה מרובה היא תיבת הסימון. תיבות הסימון דומות ללחצני הבחירה, פרט לכך שהם תמיד מאפשרים למבקרים לבחור אפשרויות מרובות. תיבות הסימון מאפשרות את אותן תכונות כמו לחצני רדיו.

שאלה לדוגמא באמצעות תיבות סימון:

אילו חיות מחמד יש לך?

כלב

חתול

ציפור

עכבר

אוגר

אליגטור

אחר


המבקרים שלך יראו:

אילו חיות מחמד יש לך?
כלב
חתול
ציפור
עכבר
אוגר
אליגטור
אחר

הוראות וידאו: SCRIPTCASE DEMO - 4/5: Form and Chart Applications (מאי 2024).