Input Text value 属性

HTML DOM イプット テキスト オブジェクト

定義と使用方法

value 属性設定またはテキストフィールドの value 属性の値を返します。

HTML value 属性はデフォルト値またはユーザー入力の値（またはスクリプトで設定された値）を含んでいます。

も参照してください：

HTML 参考マニュアル：HTML <input> value 属性

例

例 1

テキストフィールドの値を変更する：

document.getElementById("myText").value = "Bill Gates";

実際に試してみてください

ページの下部にさらに例が提供されています。

文法

value 属性を返す：

textObject.value

value 属性を設定する：

textObject.value = text

属性値

値 説明
text 入力テキストフィールドの値を指定します。

技術的詳細

返り値： 文字列の値を示す文字列値。

さらに多くの例

例 2

テキストフィールドの値を取得：

var x = document.getElementById("myText").value;

実際に試してみてください

例 3

フォームの確認：

var at = document.getElementById("email").value.indexOf("@");
var age = document.getElementById("age").value;
var fname = document.getElementById("fname").value;
submitOK = "true";
if (fname.length > 10) {
  alert("The name may have no more than 10 characters");
  submitOK = "false";
}
if (isNaN(age) || age < 1 || age > 100) {
  alert("The age must be a number between 1 and 100");
  submitOK = "false";
}
if (at == -1) {
  alert("Not a valid e-mail!");
  submitOK = "false";
}
if (submitOK == "false") {
  return false;
}

実際に試してみてください

例 4

フォーム内のドロップダウンリスト：

var mylist = document.getElementById("myList");
document.getElementById("favorite").value = mylist.options[mylist.selectedIndex].text;

実際に試してみてください

例 5

別のドロップダウンリスト：

var no = document.getElementById("no");
var option = no.options[no.selectedIndex].text;
var txt = document.getElementById("result").value;
txt = txt + option;
document.getElementById("result").value = txt;

実際に試してみてください

例 6

defaultValue と value 属性の違いを示す例：

var x = document.getElementById("myText");
var defaultVal = x.defaultValue;
var currentVal = x.value;

実際に試してみてください

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

HTML DOM イプット テキスト オブジェクト