HTML

HTML DOM の Input Email pattern プロパティは、メールアドレス入力フィールド（<input type=email>）に対応する正規表現を設定・取得するためのプロパティです。pattern 属性の値は、メールフィールドに入力されたテキストの検証に使用され、入力内容がパターンに一致しない場合はフォーム送信時にエラーが表示されます。独自の入力ルールを適用したい場合にとても便利な機能です。 構文 基本的な構文は以下のとおりです。 正規表現（パターン）を取得する場合 inputEmailObject.pattern 正規表現（パターン）を設定する場合 inputE

HTML DOM の Input Email placeholder プロパティは、メールアドレス入力フィールド（<input type=email>）に対して、ユーザーがどのような内容を入力すべきかを示すヒント文字列を設定・取得するためのプロパティです。プレースホルダーとして設定されたテキストは、入力欄が空の状態でグレー表示され、ユーザーが入力を始めると自動的に消えます。構文placeholder プロパティの基本的な構文は以下のとおりです。値を取得する場合inputEmailObject.placeholder値を設定する場合inputEmailObject.placehold

HTML DOM の Input Email readOnly プロパティは、メールアドレス入力フィールド（<input type=email>）がユーザーによって編集可能かどうかを設定・取得するためのプロパティです。このプロパティを使うことで、JavaScript から動的に読み取り専用状態を制御できます。構文readOnly プロパティの基本的な構文は以下の通りです。値を取得する場合（boolean 値を返却）inputEmailObject.readOnly値を設定する場合inputEmailObject.readOnly = booleanValue指定できるブール値boo

HTML DOM の Input Email required プロパティは、type=email の入力フィールドへの入力が必須かどうかを取得・設定するためのプロパティです。required を true に設定すると、ユーザーがメールアドレスを入力しない限りフォームを送信できなくなります。 構文 required プロパティの構文は以下のとおりです。 値の取得（真偽値を返す） inputEmailObject.required 値の設定 inputEmailObject.required = booleanValue booleanValue に指定できる値 booleanValu

HTML DOM の Input Email size プロパティは、<input type=email> 要素の size 属性の値を取得（return）および設定（set）するために使用されます。size 属性は、入力フィールドに表示できる文字数（幅）を指定するものです。なお、size 属性が明示的に定義されていない場合、このプロパティはデフォルト値である 「20」 を返します。構文（Syntax）size プロパティの基本的な構文は以下の通りです。size 属性の値を取得する場合inputEmailObject.sizesize プロパティに数値を設定する場合inputEma

HTML DOM の unicodeBidi プロパティは、direction プロパティと組み合わせて使用することで、同一の HTML ドキュメント内に異なる言語が混在する場合に、テキストの表示方向を上書きして制御できるかどうかを取得・設定するためのスタイルプロパティです。 構文 unicodeBidi プロパティの基本的な構文は以下の通りです。 unicodeBidi の値を取得する object.style.unicodeBidi unicodeBidi の値を設定する object.style.unicodeBidi = value 設定できる値 value には以下のいずれかの値を指

HTML DOMのInput DatetimeLocal stepプロパティは、<input type=datetime-local>要素において、秒またはミリ秒の有効な間隔（ステップ値）を取得・設定するためのプロパティです。このプロパティを活用することで、ユーザーが選択できる時刻のきめ細かさを自由にコントロールできます。例えば、秒単位で入力させたい場合は「10」や「15」のように60を割り切れる数値を、ミリ秒単位で入力させたい場合は「.10」や「.01」のように1000を割り切れる小数を指定します。 構文 stepプロパティの基本的な構文は以下の通りです。 現在のstep値を取

HTML DOM Input DatetimeLocal stepDown()メソッドとはHTML DOM の Input DatetimeLocal stepDown() メソッドは、datetime-local 型の入力フィールドに表示されている日時の値を、指定した分数だけ減少させるためのメソッドです。引数を省略した場合、値はデフォルトで 1 分ずつ減少します。構文stepDown メソッドの基本的な構文は以下のとおりです。数値を引数として渡して呼び出します。inputDatetimeLocalObject.stepDown(number)パラメータnumber（省略可）：datetime

HTML DOMのInput DatetimeLocal stepUp()メソッドは、datetime-local入力フィールドの値を指定した分数だけ増加させるために使用されるメソッドです。このメソッドを使うことで、JavaScriptから簡単に日時の値を操作できます。構文stepUp()メソッドの基本的な構文は以下の通りです。引数に数値を指定して呼び出します。引数を省略した場合、デフォルト値は「1」となります。inputDatetimeLocalObject.stepUp(number)使用例ここでは、Input DatetimeLocal stepUp()メソッドの実際の動作を確認できるサ

HTML DOMのInput DatetimeLocal typeプロパティは、入力フィールドのtype属性（入力タイプ）を取得または設定するために使用されるプロパティです。このプロパティを活用することで、JavaScriptから動的にフォーム要素の種類を確認したり、変更したりすることができます。 構文（Syntax） typeプロパティの基本的な構文は以下のとおりです。 値を取得する場合 inputDatetimeLocalObject.type 値を設定する場合 inputDatetimeLocalObject.type = stringValue 設定できる文字列値（String

HTML DOM の Input DatetimeLocal value プロパティは、type=datetime-local の入力フィールドにおける value 属性の値を文字列として返します。さらに、このプロパティに対して新しい文字列を代入することで、日時の値を動的に変更することも可能です。構文value プロパティの構文は以下の通りです。値を取得する場合（文字列を返す）inputDatetimeLocalObject.value値を設定する場合（文字列を代入）inputDatetimeLocalObject.value = 文字列サンプルコードそれでは、Input DatetimeLo

HTML DOM Input Email autocompleteプロパティとはHTML DOMのInput Email autocompleteプロパティは、メールアドレス入力フィールド(<input type=email>)におけるオートコンプリート(自動補完)機能の有効・無効を設定、または取得するためのプロパティです。有効に設定すると、ユーザーが過去に入力した値が候補として表示されるようになります。構文autocompleteプロパティの構文は以下のとおりです。値の取得(on / off が返される)inputEmailObject.autocomplete値の設定input

HTML DOMのInput Email autofocusプロパティは、ページが最初に読み込まれた際に、メールアドレス入力フィールド（type=email）へ自動的にフォーカスを当てるかどうかを設定・取得するためのプロパティです。フォームの利便性を向上させたい場合に活用できる便利な機能です。 構文 autofocusプロパティの構文は以下のとおりです。 ブール値（true / false）を取得する場合 inputEmailObject.autofocus autofocusにブール値を設定する場合 inputEmailObject.autofocus = booleanValue 設定でき

HTML DOMのInput Email defaultValueプロパティは、メールアドレス入力フィールド（<input type=email>）に設定されたデフォルト値を取得・設定するためのプロパティです。このプロパティの重要な特徴として、ユーザーが入力フィールドに文字を入力するとvalue属性の値は変化しますが、defaultValueの値は変化しないという点が挙げられます。つまり、defaultValueはHTML上で最初に指定された初期値を保持し続けるため、フォームのリセット処理などに活用できます。構文defaultValueプロパティの構文は以下のとおりです。値を取得す

概要 HTML DOM の Input Email disabled プロパティは、<input type=email> で作成したメールアドレス入力フィールドが「有効」か「無効」かを、JavaScript から取得・設定するためのプロパティです。このプロパティを活用することで、ユーザーの操作に応じてフォームの入力可否を動的に制御できます。 なお、disabled を true に設定した入力フィールドは、クリックや文字入力ができなくなり、フォーム送信時にもその値は送信されなくなります。 構文 基本の構文は以下のとおりです。 値を取得する場合（ブール値 true / false

HTML DOM の Input Email（type=email） 要素における form プロパティは、その入力欄を囲んでいるフォーム（<form> 要素）への参照を返します。このプロパティを利用することで、JavaScript から親フォームの id 属性などの情報を取得したり、フォーム全体に対して操作を行ったりすることが可能になります。 構文 form プロパティの基本的な構文は以下のとおりです。 form オブジェクトへの参照を取得する場合 inputEmailObject.form なお、対象の入力欄がどのフォームにも属していない場合は、null が返される点に注意して

HTML DOM の Input Datetime type プロパティは、日時入力フィールド（<input type=datetime>）の type 属性を取得または設定するためのプロパティです。このプロパティを参照することで、対象の入力要素が現在どの入力タイプを持っているのかを文字列として確認できます。 構文 type プロパティの基本構文は以下の通りです。 文字列値を取得する場合 inputDatetimeObject.type type に文字列値を設定する場合 inputDatetimeObject.type = stringValue 設定できる文字列値 string

HTML DOM の Input Datetime の value プロパティは、datetime 型入力フィールドの value 属性の値を文字列として取得します。また、新しい文字列を代入することで値を設定することも可能です。構文value プロパティの構文は以下のとおりです。値を取得する場合inputDatetimeObject.value値を設定する場合inputDatetimeObject.value = 文字列サンプルコードInput Datetime の value プロパティを使った具体的な例を見てみましょう。<!DOCTYPE html> <html>

HTML DOMのInput DatetimeLocal disabledプロパティは、<input type=datetime-local>で作成された入力フィールドが有効（enabled）か無効（disabled）かを取得・設定するためのプロパティです。ユーザーの操作に応じてフォームの入力可否を動的に切り替えたい場合に活用できます。 構文 disabledプロパティの構文は以下の通りです。 値を取得する場合（boolean値 true/false を返す） inputDatetimeLocalObject.disabled 値を設定する場合（booleanValue を代入）

HTML DOMのInput DatetimeLocalオブジェクトが持つformプロパティは、対象となるdatetime-local型の入力フィールドが属しているフォーム（<form>要素）への参照を取得するために使用されます。このプロパティは読み取り専用であり、入力フィールドがどのフォームに含まれているかをJavaScriptから確認したい場合に便利です。 formプロパティの構文 formプロパティでフォームオブジェクトへの参照を取得するには、以下のように記述します。 inputDatetimeLocalObject.form 戻り値として、該当する入力フィールドを囲んでいる