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

HTMLチェック属性

HTMLのchecked属性は、ページの読み込み時に要素が事前に選択されるように設定するために使用されます。

これは、入力タイプのラジオとチェックボックスで機能します。

チェックボックスのチェックされた属性、つまり入力タイプのチェックボックスで作業してみましょう。以下は構文です-

<input type=”checkbox” checked>

上記では、Webページの読み込み時にチェックボックスをオンにする必要があるため、チェックボックスをオンに設定しました。 要素-

のchecked属性を実装する例を見てみましょう。

例

<!DOCTYPE html>
<html>
<body>
<h2>Register</h2>
<form action="" method="get">
   Id: <input type="text" name="id" placeholder="Enter UserId here..." size = "25"><br>
   Password: <input type="password" name="pwd" placeholder="Enter password here..."><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..."><br>
   Email: <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br>
   <input type="checkbox" name="vehicle" value="Bike" checked>Newsletter Subscription: <br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

出力

HTMLチェック属性

上記の例では、入力要素とボタンを備えたフォームがあります-

<form action="" method="get">
   Id: <input type="text" name="id" placeholder="Enter UserId here..." size = "25"><br>
   Password: <input type="password" name="pwd" placeholder="Enter password here..."><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..."><br>
   Email: <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br>
   <input type="checkbox" name="vehicle" value="Bike" checked>Newsletter Subscription: <br>
   <button type="submit" value="Submit">Submit</button>
</form>

入力タイプのチェックボックスを使用してチェックボックスを設定しました。 Webページの読み込み時にチェックを設定するには、checked属性を使用します-

<input type="checkbox" name="vehicle" value="Bike" checked>Newsletter Subscription:

  1. HTMLリスト属性

    HTMLリスト属性は、HTMLドキュメントの要素の事前定義されたオプションを含む要素を参照します。 構文 以下は構文です- <input list=”text”> HTMLリスト属性の例を見てみましょう： 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;       background-colo

  2. HTMLmaxlength属性

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