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

HTMLチェック済み属性

要素のchecked属性は、Webページのロード時にinputtypeチェックボックスがチェックされることを指定します。この属性は、入力タイプのラジオでも使用できます。

以下は構文です-

<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 input チェック済み属性

上記の例では、ボタン付きのフォームがあります-

<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>

これに伴い、チェックボックスも設定しました-

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

上記のように、checked属性を設定したため、ページが読み込まれたときに入力タイプのチェックボックスがオンのままになります。


  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;