HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTML必須属性

要素のrequired属性は、フォームが送信される前に入力する必要があるフィールドを設定するために使用されます。必須属性で設定されたフィールドが入力されていない場合、[送信]ボタンをクリックしても、フォームは送信されません。

以下は構文です-

<input required>

ここで、要素の必須属性を実装する例を見てみましょう。ここでは、必要に応じて3つのフィールドを設定しました-

例

<!DOCTYPE html>
<html>
<body>
<h2>Register</h2>
<form action="" method="get">
   Id − <input type="text" name="id" placeholder="Enter UserId here..." required><br>
   Password − <input type="password" name="pwd" placeholder="Enter password here..." required><br>
   DOB − <input type="date" name="dob" placeholder="Enter date of birth here..."><br>
   Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..." required><br>
   Email − <input type="email" name="email" placeholder="Enter email here..."><br><br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

出力

HTML input 必須属性

ID、パスワード、電話の3つのフィールドに入力せずに[送信]ボタンをクリックすると、フォームは送信されないとします。ここでは「電話」フィールドに入力していないため、フォームを送信できないエラーが表示されます-

HTML input 必須属性


  1. HTMLに必要な属性

    HTML必須属性は、HTMLドキュメントでフォームを送信する前にHTML要素に入力する必要があることを定義します。 入力に適用できます 、選択 、および textarea HTML要素。 構文 以下は構文です- <tagname required></tagname> 例 HTMLに必要な属性の例を見てみましょう- <!DOCTYPE html> <html> <style>    body {       color: #000;       he

  2. HTMLmaxlength属性

    HTML maxlength属性は、HTMLドキュメントの入力HTML要素で許可される最大文字数を定義します。 構文 以下は構文です- <input maxlength=”text”> HTMLmaxlength属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;