Как указать, что поле ввода должно быть заполнено перед отправкой формы в HTML?

Опубликовано: 25 Февраля, 2022

В этой статье мы укажем поле ввода, которое необходимо заполнить перед отправкой формы. Обязательный атрибут HTML - это логический атрибут, который используется для указания того, что элемент ввода должен быть заполнен перед отправкой формы. Этот атрибут работает с другими типами ввода, такими как радио, флажок, число, текст и т. Д.

Синтаксис:

 <требуется ввод>

Example: This example that illustrates the use of required attribute in input field.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to specify an input field
        must be filled out before
        submitting the form in HTML?
    </title>
  
    <style>
        h1 {
            color: green;
        }
  
        body {
            text-align: center;
        }
    </style>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
    <h2>
        How to specify an input field
        must be filled <br>out before
        submitting the form in HTML?
    </h2>
    <form action="">
        Username:
        <input type="text" name="usrname" required>
        <br><br>
  
        Password:
        <input type="password" 
            name="password" required>
        <br><br>
  
        <input type="submit">
    </form>
</body>
  
</html>

Выход: