HTMLDOM入力テキストのオートコンプリートプロパティ
HTML DOM入力テキストのオートコンプリートプロパティは、type =” text”の要素のオートコンプリート属性に関連付けられています。オートコンプリート属性は「オン」または「オフ」の値を取ります。 on値は、Webブラウザーが以前の入力に基づいてユーザーテキストを自動的に入力する必要があることを指定し、それ以外の場合はfalseを指定します。
構文
以下は、-
の構文です。オートコンプリートプロパティの設定-
textObject.autocomplete = "on|off"
ここで、onは、ブラウザが以前の入力に基づいてユーザー入力を自動的に完了することを意味し、falseは、以前の入力に基づいてユーザー入力を完了しないことを示します。デフォルトでオンに設定された値があります。
例
入力テキストのオートコンプリートプロパティの例を見てみましょう-
<!DOCTYPE html>
<html>
<body>
<h1>Input text autocomplete property</h1>
<form action="/Sample_page.php">
USERNAME: <input type="text" id="TEXT1" name="USR" autocomplete="on"><br><br>
<input type="submit">
</form>
<p>Off the autocomplete in the above text field by clicking on the below button</p>
<button onclick="changeAuto()">Autocomplete Off</button>
<p id="Sample"></p>
<script>
function changeAuto() {
document.getElementById("TEXT1").autocomplete = "off";
document.getElementById("Sample").innerHTML = "Your text will not autocomplete now";
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
上記のフィールドにテキストを入力して数回送信すると、前の入力に基づいてテキストがオートコンプリートされます-
「オートコンプリートオフ」ボタンをクリックすると-
-
HTMLDOM入力テキストフォームプロパティ
HTML DOM入力テキストフォームプロパティは、入力テキストフィールドを含むフォーム参照を返すために使用されます。入力テキストフィールドがフォームの外にある場合は、単にNULLを返します。このプロパティは読み取り専用です。 構文 以下は、入力テキストフォームプロパティの構文です。 textObject.form 例 入力テキストフォームプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input Text form Property</h1> <form id="
-
HTMLDOMタイトルテキストプロパティ
HTML DOM Title textプロパティは、ドキュメントの要素の値を設定/返します。 以下は構文です- 文字列値を返す titleElementObject.text テキストを設定する 文字列値に titleElementObject.text = string タイトルテキストの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title id="titleSelect">HTML DOM Title text</title> <style