Domanda su form html

[LoneWanderer]

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

<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>

          <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>

Grazie in anticipo!

[misterx]

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

[Kaya]

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

 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>

Poi nella pagina di destinazione ci accedi ci accendi come un array.

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)

[LoneWanderer]

Perfetto, grazie mille delle dritte ragazzi!