În timp ce răsfoiți site-urile web preferate, casetele de selectare apar atunci când trebuie să selectați o opțiune dintre numeroasele disponibile. Aceste casete de selectare sunt create în cu ajutorul unei etichete speciale. În acest articol, vom vedea cum să creați o casetă de selectare în HTML și funcționarea casetelor de selectare în următoarea secvență:
- Cum se creează o casetă de selectare în HTML?
- Caseta de selectare vs Butoanele radio
- Dezactivarea unei casete de selectare în HTML
Cum se creează o casetă de selectare în HTML?
O casetă de selectare este un element de formular care vă permite să selectați mai multe opțiuni din diferite opțiuni disponibile. Casetele de selectare sunt create cu eticheta HTML. Poate fi cuibărit în interiorul unui element sau pot sta singuri. De asemenea, pot fi asociați cu un formular cu ajutorul atribut formular a etichetei.
Iată un exemplu de bază pentru a crea o casetă de selectare simplă:
Roșu Verde Albastru
Ieșire:
Să luăm în considerare un alt exemplu și să adăugăm un buton de trimitere, astfel încât casetele de selectare să devină utile. Aici puteți plasa și casetele de selectare într-un element care specifică o pagină pentru a procesa formularul.
Care este culoarea ta preferată? Roșu Verde AlbastruRezultat:
Ieșire:
Caseta de selectare vs Butoanele radio
Butoanele radio permit utilizatorului să selecteze o singură opțiune. Întrucât, casetele de selectare permit utilizatorului să selecteze orice număr de opțiuni. Să luăm un exemplu și să vedem cum funcționează butoanele radio și casetele de selectare:
argumente de linie de comandă în codul de exemplu java
Casete de selectare
Care este culoarea ta preferată? Roșu Verde AlbastruButoane radio
Selectați-vă sexul? Bărbat Femeie NecunoscutRezultat:
Ieșire:
În exemplul de mai sus, puteți vedea că puteți selecta cât de multe casete de selectare doriți. Face caseta de selectare potrivită pentru momentele în care utilizatorul ar trebui să poată selecta mai multe opțiuni. Dar, dacă încercați să selectați mai multe butoane radio, selecția anterioară este deselectată. Acest lucru vă ajută să impuneți utilizatorilor să selecteze o singură opțiune.
Dezactivarea unei casete de selectare în HTML
Puteți dezactiva o casetă de selectare în prin utilizarea atributului dezactivat. Acest lucru se poate face împreună cu un script pentru a activa sau a dezactiva caseta de selectare, în funcție de îndeplinirea anumitor criterii.
Să luăm un exemplu pentru a vedea cum putem dezactiva o casetă de selectare:
Roșu Verde Albastru
Ieșire:
În exemplul de mai sus, am dezactivat culoarea roșie. Deci, puteți selecta verde și albastru din caseta de selectare, dar nu și culoarea roșie.
ce face trim în java
Cu aceasta, am ajuns la sfârșitul articolului nostru. Sper că ați înțeles cum funcționează casetele de selectare din HTML și cum pot fi utilizate diferit.
Acum, că știți despre caseta de selectare în HTML, verificați de Edureka. Instruirea pentru certificarea dezvoltării web vă va ajuta să învățați cum să creați site-uri web impresionante folosind HTML5, CSS3, Twitter Bootstrap 3, jQuery și API-urile Google și să îl implementați în Amazon Simple Storage Service (S3)
Ai o întrebare pentru noi? Vă rugăm să o menționați în secțiunea de comentarii din „Casetă de selectare în HTML” și vă vom răspunde.