HTML: Обязательное поле, нужна помощь

Question

Так что я пытаюсь сделать форму, и у меня возникли проблемы с этим, поэтому все эти два вопроса неважно, где я помещаю требуемое поле, не потребует их. кто-то мне это объясняет?

Select Your Room: 
<select id="room" name="room"> 
    <option disabled selected> 
     Choose a room 
    </option> 
    <option value="S308"> 
     S308 
    </option> 
    <option value="S324"> 
     S324 
    </option> 
    <option value="L2"> 
     L2 
    </option> 
    <option value="ME201"> 
     ME201 
    </option> 
    <option value="ME208"> 
     ME208 
    </option> 
</select> 
<p>Machine Number:</p> 
<!-- add label here --> 
<label for="machinenum">1 - 15</label> 
<input id="machinenum" name="quantity" type="machinenum" min="1" max="15" value="1"><br> 

(я только изображающий часть я не понимаю. Мой код имеет <form> и т.д.)

Answer 1

Ниже рабочего примера. Изменения я сделал:

• положить фрагмент в виде
• добавлен required атрибута для избранных и входных элементов для включения проверки HTML5
• добавленной стоимости = «» для опции по умолчанию, чтобы включить
• добавил представить кнопка для проверки формы

Select Your Room: 
 
<form> 
 
    <select id="room" name="room" required> 
 
     <option disabled selected value=""> 
 
      Choose a room 
 
     </option> 
 
     <option value="S308"> 
 
      S308 
 
     </option> 
 
     <option value="S324"> 
 
      S324 
 
     </option> 
 
     <option value="L2"> 
 
      L2 
 
     </option> 
 
     <option value="ME201"> 
 
      ME201 
 
     </option> 
 
     <option value="ME208"> 
 
      ME208 
 
     </option> 
 
    </select> 
 
    <p>Machine Number:</p> 
 
    <!-- add label here --> 
 
    <label for="machinenum">1 - 15</label> 
 
    <input id="machinenum" name="quantity" type="machinenum" min="1" max="15" value="1" required><br> 
 
    <button type="submit"> 
 
    Submit 
 
    </button> 
 
</form>

Answer 2

Я не знаю, является ли код, который вы отправили, всей вашей «формой» .. но я буду считать, что это всего лишь раздел вашей «формы».

Но для того, чтобы иметь элементы формы, необходимо добавить атрибут required.

Обязательный

Обязательный атрибут является логическим атрибутом.

Когда присутствует, он указывает, что поле ввода должно быть заполнено перед отправкой формы.

Необходимый атрибут работает со следующими типами ввода: текстом, поиском, URL, телефоном, электронной почтой, паролем, сборщиками даты, числом, флажком, радио и файлом.

Как так:

<form> 
    Select Your Room: 
    <select id="room" name="room" required> 
     <option disabled selected> 
      Choose a room 
     </option> 
     <option value="S308"> 
      S308 
     </option> 
     <option value="S324"> 
      S324 
     </option> 
     <option value="L2"> 
      L2 
     </option> 
     <option value="ME201"> 
      ME201 
     </option> 
     <option value="ME208"> 
      ME208 
     </option> 
    </select> 
    <p>Machine Number:</p> 
    <!-- add label here --> 
    <label for="machinenum">1 - 15</label> 
    <input id="machinenum" name="quantity" type="machinenum" min="1" max="15" value="1" required><br> 
    <input type="submit" /> 
</form> 

Я надеюсь, что это помогает!