HTML

HTML DOMのStorage getItem()メソッドは、指定したキー名を引数として渡すことで、Webストレージ（localStorage・sessionStorage）に保存された値を取得するためのメソッドです。キーに対応する値を返し、指定した名前のキーが存在しない場合にはnullが返されます。構文Storage getItem()メソッドの基本構文は以下のとおりです。localStorage.getItem(keyname);またはsessionStorage.getItem(keyname);ここで keyname は文字列型の値であり、取得したい項目のキー名を表します。local

HTML DOM Storage key()メソッドとはHTML DOMのStorage key()メソッドは、ストレージオブジェクト内の指定したインデックス位置に保存されているキー名を取得するためのメソッドです。取得したいキーの番号（インデックス）は、引数としてkey()メソッドに渡します。このメソッドで利用できるストレージオブジェクトは、sessionStorageオブジェクトとlocalStorageオブジェクトの2種類です。構文Storage key()メソッドの基本構文は以下のとおりです。localStorageの場合localStorage.key(index);sessionSt

HTML DOM StorageのlengthプロパティとはHTML DOMのlengthプロパティは、ブラウザのストレージオブジェクト内に保存されているアイテム（データ）の数を取得するために使用されます。ストレージオブジェクトには、localStorageオブジェクトとsessionStorageオブジェクトの2種類があります。lengthプロパティは読み取り専用であり、引数は不要です。ストレージに何も保存されていない場合は「0」を返します。構文localStorageオブジェクトの場合localStorage.length;sessionStorageオブジェクトの場合sessionSto

HTML DOM Storage の removeItem() メソッドは、指定したキー名を引数として渡すことで、Web ストレージから該当する項目を削除するためのメソッドです。localStorage と sessionStorage のどちらに対しても使用できます。構文Storage removeItem() メソッドの構文は以下のとおりです。localStorage.removeItem(keyname);またはsessionStorage.removeItem(keyname);ここで keyname は文字列型の値で、削除したい項目のキー名を表します。指定したキーがストレージ内に存在

HTML DOM の Storage setItem() メソッドは、指定したキー名と値のペアをストレージオブジェクトに保存（追加・更新）するために使用されます。同じキー名がすでに存在する場合は、古い値が新しい値で上書きされます。データは永続的に保持される localStorage、またはブラウザセッション中のみ有効な sessionStorage のどちらにも保存できます。構文Storage setItem() メソッドの構文は以下のとおりです。localStorage.setItem(keyname, value);またはsessionStorage.setItem(keyname, va

HTML DOMのStrongオブジェクトは、HTMLの<strong>要素に関連付けられたオブジェクトです。<strong>タグはテキストを強調（太字）表示するために使用され、重要な内容を強調したい場合に活用されます。JavaScriptでは、createElement()メソッドを使ってstrong要素を作成し、既存の要素にはgetElementById()メソッドでアクセスすることができます。構文Strongオブジェクトの作成var s = document.createElement(STRONG);サンプルコード以下は、Strongオブジェクトを使用した具体的

HTML DOMのInput Text formプロパティは、対象となるテキスト入力フィールド（input type=text）が属しているフォームへの参照を取得するために使用されます。もしテキストフィールドがどのフォームにも含まれていない場合は、nullが返されます。なお、このプロパティは読み取り専用です。つまり、値を参照することはできますが、JavaScriptから直接書き換えることはできません。構文Input Text formプロパティの基本的な構文は以下のとおりです。textObject.formサンプルコードここでは、実際にformプロパティを使って、テキストフィールドが所属するフ

HTML DOMのInput Text maxLengthプロパティは、テキスト入力フィールドのmaxlength属性を設定または取得するために使用されます。このプロパティを利用することで、テキストフィールドに入力できる最大文字数を指定したり、現在設定されている値を参照したりすることができます。構文maxLengthプロパティの基本的な構文は以下の通りです。maxLengthプロパティの設定textObject.maxLength = integerここで「integer」には、テキストフィールドに入力できる最大文字数を整数で指定します。なお、maxlength属性が明示的に指定されていない場

HTML DOM の Input Text（テキスト入力フィールド）の name プロパティは、name 属性の値を設定または取得するために使用されます。name 属性は、フォームデータがサーバーへ送信された後、そのデータを識別するために重要な役割を果たします。 構文 name プロパティの構文は以下のとおりです。 name プロパティを設定する場合 textObject.name = name ここでの name には、テキストフィールドに付ける名前を指定します。 name プロパティを取得する場合 textObject.name サンプルコード それでは、Input Text の name

HTML DOMのInput Textオブジェクトは、<input>要素のうちtype=textが指定された要素に対応するオブジェクトです。テキスト入力欄を表すこのオブジェクトは、新規に作成する場合はcreateElement()メソッドを、既存の要素へアクセスする場合はgetElementById()メソッドを使用します。本記事では、Input Textオブジェクトで利用できる主なプロパティの一覧と、基本的な構文、実際に動作するサンプルコードをわかりやすく解説します。Input Textオブジェクトの主なプロパティInput Textオブジェクトには、以下のようなプロパティが用意

HTML DOMのInput Text patternプロパティは、テキスト入力フィールドのpattern属性を設定または取得するために使用されます。このプロパティを利用することで、pattern属性に指定した正規表現に基づいて、ユーザーが入力したテキストが妥当な形式かどうかを自動的に検証できます。 構文 patternプロパティの基本構文は以下の通りです。 patternプロパティの設定： textObject.pattern = regexp ここで「regexp」は、テキストフィールドの入力値を検証するための正規表現です。正規表現を指定することで、特定の文字数や文字種（数字のみ、アルファ

HTML DOM Input Text placeholder プロパティとは HTML DOM の Input Text placeholder プロパティは、テキスト入力フィールド（<input type=text>）の placeholder 属性の値を設定または取得するために使用されるプロパティです。 placeholder プロパティを利用すると、ユーザーがまだ何も入力していない段階で、入力フィールド内にヒントとなるテキストを表示できます。これにより、そのフィールドに何を入力すればよいのかを、ユーザーへ事前に伝えることが可能になります。 なお、プレースホルダーのテキストは

HTML DOM の readOnly プロパティは、テキスト入力フィールド（input type=text）が読み取り専用かどうかを設定・取得するために使用されるプロパティです。 readOnly を true に設定すると、その要素はユーザーによって編集できなくなります。ただし、読み取り専用の要素であっても、Tab キーやクリックによるフォーカスは可能です。また、readonly 属性が設定された要素に初期値が含まれている場合、フォーム送信時にはその値がサーバーへ送信されます。これは disabled 属性との大きな違いであり、disabled では値が送信されない点に注意が必要です。 構

HTML DOMのInput Text requiredプロパティは、<input>要素のrequired属性に関連付けられたプロパティです。このプロパティを使うことで、フォームをサーバーに送信する前に、特定のテキストフィールドへの入力が必須かどうかを設定したり、現在の状態を取得したりすることができます。required属性が設定されたテキストフィールドが空のままの場合、ユーザーがフォームを送信しようとしても、フォームは送信されずブラウザ側で入力を促す警告が表示されます。これにより、JavaScriptによる複雑なバリデーション処理を書かなくても、簡単に入力チェックを実装できます。

HTML DOM の small オブジェクトは、HTML の <small> 要素に関連付けられたオブジェクトです。<small> 要素は、テキストを周囲よりひと回り小さく表示するための要素で、細かい注釈や免責事項、著作権表記などによく使用されます。JavaScript を使えば、createElement() メソッドで small 要素を新しく作成したり、getElementById() メソッドで既存の small 要素にアクセスしたりすることができます。構文small オブジェクトを作成する際の基本構文は以下の通りです。var s = document.cre

HTML DOMのSourceオブジェクトは、HTMLの<source>要素に対応するオブジェクトです。<source>要素は、<audio>や<video>などのメディア要素に対して、複数のメディアリソース（音声・動画ファイル）を指定するために使用されます。 JavaScriptでは、新しいsource要素を動的に作成するにはcreateElement()メソッドを、既存のsource要素へアクセスするにはgetElementById()メソッドを使用します。 構文 Sourceオブジェクトを作成する基本的な構文は以下のとおりです。 var p

HTML DOM の Input Submit（送信ボタン）における formNoValidate プロパティは、送信ボタンの formNoValidate 属性値を取得・設定するために使用されます。このプロパティを使うことで、フォームデータがサーバーへ送信される際にバリデーション（妥当性検証）を行うかどうかを制御できます。<form> 要素に設定された novalidate 属性よりも優先される点が大きな特徴で、HTML5 において type=submit の input 要素向けに新たに導入されました。 構文 formNoValidate プロパティを設定する場合の構文は以下の

HTML DOM の Input Submit formTarget プロパティは、フォームの送信ボタン（input type=submit）における formtarget 属性の値を取得・設定するためのプロパティです。このプロパティで指定した場所に、フォーム送信後のサーバーからのレスポンスが表示されます。なお、formTarget プロパティを設定すると、<form> 要素自体に指定された target 属性の値が上書きされる点に注意してください。この属性は HTML5 において、type=submit を持つ input 要素向けに新たに導入されました。構文（シンタックス）fo

HTML DOM の Input Submit name プロパティは、送信ボタン（submit ボタン）の name 属性を設定または取得するために使用されます。name 属性は、フォームデータがサーバーへ送信された後に、そのデータを識別するための重要な役割を果たします。構文（Syntax）name プロパティを設定する場合の構文は以下のとおりです。submitObject.name = nameここで指定する name は、送信ボタンに付ける名前です。既存の name 属性値を取得したい場合は、submitObject.name をそのまま参照することで現在の値を文字列として返します。サン

HTML DOM の入力送信（Input Submit）オブジェクトは、type=submit が指定された <input> 要素に関連付けられたオブジェクトです。新しい送信ボタンは createElement() メソッドで動的に作成でき、すでにページ上に存在する送信ボタンには getElementById() メソッドを使ってアクセスできます。 Input Submit オブジェクトの主なプロパティ 入力送信オブジェクトには、以下のプロパティが用意されています。 プロパティ説明 autofocusページ読み込み時に、送信ボタンへ自動的にフォーカスを当てるかどうかを設