manipularea datelor din caseta de selectare cu în HTML: Iată cum

dezvăluire: suportul dvs. ajută la menținerea site-ului în funcțiune! Câștigăm o taxă de recomandare pentru unele dintre serviciile pe care le recomandăm pe această pagină. Aflați mai multe

<form> <input type="checkbox" name="love" value="love"><label for="love"> Check if you love this website!</label></form>

verificați toate limbile în care aveți competență.

HTML
CSS
JS
PHP
Ruby
INTERCAL

userLangs = 

<input type="checkbox" name="tandc" value="true"><label for="tandc"> I agree to all terms and conditions.</label> 

sunt de acord cu toți termenii și condițiile.spre deosebire de butoanele radio, un set de casete de selectare nu sunt legate logic în cod., Deci, din punct de vedere HTML, fiecare casetă de selectare dintr-un set de casete de selectare este în esență pe cont propriu. Acest lucru funcționează perfect pentru casetele de selectare a valorii booleene cu o singură alegere, dar prezintă un mic sughiț pentru matrice de opțiuni. Există două modalități de a face față. Puteți da fie toate casetele de selectare la felname atribut, sau puteți da fiecare un altname.,

Dacă utilizați același name pentru toate, cererea ta șir va arata astfel: langs=HTML&langs=CSS&langs=PHP Dacă utilizați nume diferite, se pare ca acest lucru: HTML=HTML&CSS=CSS&PHP=PHP primul pare un pic de preferat, dar ce se întâmplă atunci când vei ajunge să PHP și să încercați să obțineți valorile?

$langs = $_REQUEST; // What is $langs ? 

În PHP, puteți să vă asigurați că diferitele identic cu numele de casete de selectare sunt combinate într-o matrice pe server prin adăugarea unui set de paranteze drepte () după nume.,

A se vedea acest PHP forms tutorialpentru mai multe informații. Această sintaxă de a face matrice este de fapt o caracteristică a PHP, și nu HTML. Dacă utilizați o altă parte a serverului, este posibil să fiți nevoit să faceți lucrurile puțin diferit. (Din fericire, dacă utilizați ceva de genul Rails sau Django, probabil că veți folosi câteva clase de constructori de formulare și nu trebuie să vă faceți griji cu privire la marcare.)

bunelor practici privind etichetarea

ar trebui să pui întotdeauna <label> dupa <input type="checkbox">, și pe aceeași linie., De obicei, ar trebui să existe un spațiu între <input> și <label>. Puteți realiza acest lucru cu un pic de marjă, sau pur și simplu cu un spațiu tipografic. <label> ar trebui să folosiți întotdeauna for atribut, care specifică faptul că acesta este conectat la <input> de id. Aceasta este o practică importantă de utilizare, deoarece permite utilizatorului să bifeze și să debifeze caseta făcând clic pe etichetă, nu doar pe caseta de selectare (prea mică)., Acest lucru este și mai critic astăzi decât a fost în trecut din cauza ecranelor tactile — doriți să oferiți utilizatorului cea mai ușoară experiență posibilă.