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

HTMLDOM入力検索のreadOnlyプロパティ

HTML DOM入力検索のreadOnlyプロパティは、入力検索フィールドが読み取り専用かどうかを設定または返すために使用されます。 readOnlyプロパティを使用すると、要素は編集できなくなりますが、タブまたはクリックでフォーカスを合わせることができます。読み取り専用要素内にデフォルト値がある場合、送信時にサーバーに送信されます。

構文

以下は、-

の構文です。

readOnlyプロパティの設定-

searchObject.readOnly = true|false

ここで、trueは検索フィールドが読み取り専用であることを表し、falseはそれ以外のことを表します。 readOnlyプロパティはデフォルトでfalseに設定されています。

例

SearchreadOnlyプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Search readOnly property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits">
</form>
<p>Change the readOnly property of the above field by clicking the below button</p>
<button onclick="changeRead()">CHANGE</button>
<script>
   function changeRead() {
      document.getElementById("PASS1").readOnly = true;
   }
</script>
</body>
</html>

出力

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

HTMLDOM入力検索のreadOnlyプロパティ

変更ボタンをクリックすると-

HTMLDOM入力検索のreadOnlyプロパティ


  1. HTMLDOM入力検索サイズプロパティ

    HTML DOM入力検索サイズプロパティは、入力検索フィールドサイズ属性値を設定または返すために使用されます。これは、検索フィールドの幅を文字数で定義するために使用されます。デフォルトの幅は20文字です。 構文 以下は、-の構文です。 検索サイズプロパティの設定- searchObject.size = number ここで、数字は検索フィールドの幅を文字で表します。デフォルトの幅は20文字です。 例 入力検索サイズプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input searc

  2. HTMLDOM入力検索に必要なプロパティ

    HTMLDOM入力のSearchrequiredプロパティは、要素のrequired属性に関連付けられています。必須プロパティは、フォームがサーバーに送信される前に検索フィールドに入力する必要があるかどうかを設定して返すために使用されます。これにより、必要な属性を持つ検索フィールドがユーザーによって空のままにされた場合、フォームは送信されません。 構文 以下は、-の構文です。 必要なプロパティの設定- searchObject.required = true|false ここで、trueは検索フィールドに入力する必要があることを表し、falseはフォームを送信する前にフィールドに入力する