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

HTMLDOM入力番号無効プロパティ

HTML DOM入力番号無効プロパティは、HTMLドキュメントのtype =” number”の入力フィールドが無効かどうかを返し、変更します。

構文

以下は構文です-

  • 無効に戻る

object.disabled

  • 変更無効

object.disabled = true | false

例

HTMLDOM入力番号無効プロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<head>
<style>
   html{
      height:100%;
   }
   body{
      text-align:center;
      color:#fff;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;
      background:#B39CD0;
      height:100%;
   }
   p{
      font-weight:700;
      font-size:1.2rem;
   }
   input{
      width:35%;
      border:2px solid #fff;
      background-color:transparent;
      color:#fff;
      font-weight:bold;
      padding:8px;
      outline:none;
   }
   .btn{
      background:#008B74;
      border:none;
      height:2rem;
      border-radius:2px;
      width:35%;
      margin:2rem auto;
      display:block;
      color:#fff;
      outline:none;
      cursor:pointer;
   }
   .show{
      font-size:1.5rem;
      font-weight:bold;
   }
</style>
</head>
<body>
<h1>DOM Input number disabled Example</h1>
<p>Hi, Enter your day of birth</p>
<input type="number" class="numberInput">
<button onclick="disEna()" class="btn">Disable/Enable</button>
<div class="show"></div>
<script>
   function disEna() {
      var monthInput = document.querySelector(".numberInput");
      var showMsg = document.querySelector(".show");
      showMsg.innerHTML ="";
      if (monthInput.disabled === true){
         monthInput.disabled = false;
         showMsg.innerHTML ="Previously, I was disabled but now I am enabled!";
      } else{
         monthInput.disabled = true;
         showMsg.innerHTML ="Previously, I was enabled but now I am disabled!";
      }
   }
</script>
</body>
</html>

出力

これにより、次の出力が生成されます-

HTMLDOM入力番号無効プロパティ

「無効/有効」をクリックします 」ボタンを押して、最初に入力番号フィールドを無効にします-

HTMLDOM入力番号無効プロパティ

「無効/有効」をクリックします 」ボタンをクリックして、入力番号フィールドを有効にします-

HTMLDOM入力番号無効プロパティ


  1. HTMLDOM入力週無効プロパティ

    Input Week disableプロパティは、InputWeekが有効か無効かを設定/返します。 構文 以下は構文です- ブール値を返す-true/false inputWeekObject.disabled 設定無効 booleanValueへ inputWeekObject.disabled = booleanValue ブール値 ここでは、「booleanValue」 次のようになります- booleanValue 詳細 True 入力週が無効になることを定義します。 False 入力週が無効にならず、デフォルト値でもあることを

  2. HTMLDOM入力数値値プロパティ

    HTML DOM入力番号valueプロパティは、type =” Number”を持ち、value属性を持つinput要素に関連付けられています。このプロパティは、入力要素の値属性の値を返すか、設定するために使用されます。このプロパティは、要素のデフォルト値を指定するために使用され、その値をユーザー入力に変更します。 構文 以下は、-の構文です。 値プロパティの設定- numberObject.value = number; ここで、numberは、numberフィールドの値を指定するために使用されます。 例 入力数値値プロパティの例を見てみましょう- <!DOCTYPE