Impara l’HTML progettando una app per foto di gatti - Step 61

Italiano HTML-CSS
1

Dicci cosa sta succedendo
Descrivi qui il tuo problema in dettaglio.

Buonasera a tutti, ho letto tutti i topic a riguardo ma non ho capito la soluzione e ci sono sopra da 6 ore senza uscirne:

Aggiungi la parola checked all’elemento input, assicurandoti che ci sia spazio tra esso e altri attributi.

Fai in modo che il primo pulsante di opzione e la prima casella di spunta siano selezionati di default.

Cosa c’è di sbagliato nel codice Indoor? Ho provato a metterlo con criterio e poi l’ho inserito nei modi più disparati nonostastante ho letto guide su guide ma senza risultati.
Anche inserendo checked dopo input non funziona. Se devo arrivarci da solo credo sarà dura. Grazie a chi saprà aiutarmi.

Il tuo codice fino ad ora

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
      <section>
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">

<!-- User Editable Region -->

          <fieldset>
            <legend>Is your cat an indoor or outdoor cat?</legend>
            <label><input id="indoor" type="radio" checked  name="indoor-outdoor" value="indoor" checked> Indoor</label>
            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
          </fieldset>
          <fieldset>
            <legend>What's your cat's personality?</legend>
            <input id="loving" type="checkbox" name="personality" value="loving"> <label for="loving">Loving</label>
            <input id="lazy" type="checkbox" name="personality" value="lazy"> <label for="lazy">Lazy</label>
            <input id="energetic" type="checkbox" name="personality" value="energetic"> <label for="energetic"> Energetic</label>
          </fieldset>

<!-- User Editable Region -->

          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

Informazioni del tuo browser:

Lo user agent è: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/117.0.0.0 Safari/537.36

Sfida: Impara l’HTML progettando una app per foto di gatti - Step 61

Link alla sfida:

2

hai checked due volte, forse quello crea problemi?

1 Like
3

Non so più cosa crei problemi. Ne ho messi due per disperazione. Ti spiego:

  • Vpn e antivirus disattivi.
    -Provato su: Opera, Chrome, Firefox e Microsoft Edge tutti il medesimom problema, anche perchè ho finito il modulo e non credo che solo questa domanda mi crei problemi con il software.
    La versione corretta sarebbe quella con un solo checked alla fine di value, confermata da alcune ricerche fatte su siti di HTML.
    L’errore è:

  • Nella prima casella di spunta manca l’attributo checked
    … oppure…

  • Il primo pulsante di opzione con l’id impostato su indoor dovrebbe avere l’attributo checked .

Si accettano spiegazioni di ogni genere. Grazie

4

Per chi avesse altre soluzioni, l’ho impostato anche come Id ma non saprei se l’ho impostato correttamente ma non credo il problema rimane, ho visto anche i post passati che non ha causato pochi problemi, ma anche da quelli non ho risolto nulla, se qualcuno mi spiega per cortesia dove sbaglio. Anche in pvt va più che bene, mi basta capire dov’è l’errore e come risolverlo. Altre due ore anche oggi. :roll_eyes:

5

Risolto. Ora ho capito il concetto, non che sia così chiaro per una persona che si approccia per la prima volta alla programmazione