|
|
|
|
Strumenti |
18-02-2020, 22:16 | #1 |
Member
Iscritto dal: Apr 2015
Messaggi: 97
|
Domanda su form html
Ciao a tutti, avrei una domanda per qualcuno più esperto di me.
Ho iniziato da un po' di giorni a studiare html e css da autodidatta, per ora giusto come hobby, sperando in futuro di riuscire a passare a Javascript e qualcos'altro di più avanzato, e sto avendo qualche dubbio sui form, in particolare sugli input. Ad esempio qui ho creato un ipotetico form in cui una persona che si iscrive ad un sito deve scegliere quali sono i suoi generi di videogames preferiti. Ciò che non riesco a capire è in quali casi bisogna mettere a tutti gli input lo stesso "name" e in quali casi va messo diverso. Qualcuno sa dirmi se in questi due form ho fatto giusto? A livello "visivo" ovviamente viene tutto perfetto, ma vorrei capire se a livello funzionale c'è qualcosa che non va Codice HTML:
<div> Generi preferiti:<br> <input type="checkbox" name="genere1" id="genere1" value="giochi-di-ruolo"><label for="genere1">Giochi di ruolo</label><br> <input type="checkbox" name="genere2" id="genere2" value="first-person-shooters"><label for="genere2">First Person Shooters</label><br> <input type="checkbox" name="genere3" id="genere3" value="simulatori"><label for="genere3">Simulatori</label><br> <input type="checkbox" name="genere4" id="genere4" value="avventure-grafiche"><label for="genere4">Avventure grafiche</label><br> <input type="checkbox" name="genere5" id="genere5" value="gestionali"><label for="genere5">Gestionali</label><br> <input type="checkbox" name="genere6" id="genere6" value="picchiaduro"><label for="genere6">Picchiaduro</label><br> <input type="checkbox" name="genere7" id="genere7" value="sportivi"><label for="genere7">Sportivi</label><br> <input type="checkbox" name="genere8" id="genere8" value="strategici"><label for="genere8">Strategici</label><br> <input type="checkbox" name="genere9" id="genere9" value="action"><label for="genere9">Action</label><br> <input type="checkbox" name="genere10" id="genere10" value="survival-horror"><label for="genere10">Survival Horror</label><br> <input type="checkbox" name="genere11" id="genere11" value="moba"><label for="genere11">Moba</label><br> <input type="checkbox" name="genere12" id="genere12" value="platform"><label for="genere12">Platform</label> </div> Codice HTML:
<div> Sesso<br> <input type="radio" name="sesso1" id="sesso1" value="uomo"><label for="sesso1">Uomo</label><br> <input type="radio" name="sesso2" id="sesso2" value="donna"><label for="sesso2">Donna</label><br> <input type="radio" name="sesso3" id="sesso3" value="altro"><label for="sesso3">Altro</label><br> </div> Ultima modifica di LoneWanderer : 18-02-2020 alle 22:32. |
19-02-2020, 06:16 | #2 |
Senior Member
Iscritto dal: Apr 2001
Città: Milano
Messaggi: 3594
|
QUI trovi la risposta al tuo quesito
Comunque, ad oggetto diverso deve corrispondere un nome(id) diverso se non altro per richiamarlo in javascript o altro linguaggio. Eistono poi alcuni editor QUI online coi quali testare il tuo lavoro Ultima modifica di misterx : 19-02-2020 alle 10:00. |
19-02-2020, 09:43 | #3 |
Senior Member
Iscritto dal: Apr 2005
Messaggi: 2988
|
Quando hai un tipo "radio" come input, l'ugualianza su "name" è quello che fa il raggruppamento (ovvero puoi mettere un solo valore sulle n possibili scelte).
Se hai un checkbox, per avere lo stesso identificativo puoi usare le parentesi quadre, ad esempio Codice:
Generi preferiti:<br> <input type="checkbox" name="genere[]" id="genere1" value="giochi-di-ruolo"><label for="genere1">Giochi di ruolo</label><br> <input type="checkbox" name="genere[]" id="genere2" value="first-person-shooters"><label for="genere2">First Person Shooters</label><br> Inoltre ricorda che all'interno di una pagina , gli id devono essere univoci mentre class possono anche essere identici (perchè prendono dallo stesso campo css) |
19-02-2020, 21:14 | #4 |
Member
Iscritto dal: Apr 2015
Messaggi: 97
|
Perfetto, grazie mille delle dritte ragazzi!
|
Strumenti | |
|
|
Tutti gli orari sono GMT +1. Ora sono le: 20:55.