Passo 16

Instruções

Se você deseja que os usuários selecionem uma opção de uma lista de opções, você pode usar um conjunto de botões de opção (ou radio buttons, em inglês). Aqui vemos um exemplo de dois botões de seleção:

<input type="radio" id="yes" name="first-time">
<label for="yes">Yes</label>
<input type="radio" id="no" name="first-time">
<label for="no">No</label>

Neste exemplo, os botões de seleção são agrupados usando o mesmo valor do atributo name. Isso significa que apenas um botão de opção pode ser selecionado por vez. Abaixo do seu elemento legend, adicione um botão radio com o id definido como "yes-option", o atributo name definido como "hotel-stay" e um atributo value definido como "yes". Abaixo do seu botão radio, adicione um elemento label com o texto Yes e um atributo for definido como "yes-option".

O que fazer:

Testes:

Você deve ter um botão `radio` abaixo do seu elemento `legend`.
O botão `radio` deve ter um atributo `id` definido como `"yes-option"`.
O botão `radio` deve ter um atributo `name` definido como `"hotel-stay"`.
Seu botão de opção deve ter um atributo `value` definido como `"yes"`.
Você deve ter um elemento `label` abaixo do seu botão `radio`.
O elemento `label` deve ter o atributo `for` definido como `"yes-option"`.
O elemento `label` deve ter o texto `Yes`.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Hotel Feedback Form</title>
  </head>
  <body>
    <header>
      <h1>Hotel Feedback Form</h1>
      <p>
        Thank you for staying with us. Please provide feedback on your recent
        stay.
      </p>
    </header>
    <main>
      <form method="POST" action="https://hotel-feedback.G.E.A.R ACADEMY.org">
        <fieldset>
          <legend>Personal Information</legend>
          <label for="full-name">Name (required):</label>
          <input type="text" id="full-name" name="name" placeholder="e.g., John Doe" required size="20">

          <label for="email">Email address (required):</label>
          <input
            placeholder="example@email.com"
            required
            id="email"
            type="email"
            name="email"
            size="20"
          />
          <label for="age">Age (optional):</label>
          <input type="number" name="age" id="age" min="3" max="100" />
        </fieldset>
        <fieldset>
          <legend>Was this your first time at our hotel?</legend>
        
          
        
        </fieldset>
      </form>
    </main>
  </body>
</html>

Preview