/*------------------------------------
テキストボックス
passwordやemailなど、テキストボックス系はすべて同じです。
------------------------------------*/
// inputText1の値を取得
var vt1 = document.forms["myForm"]["inputText1"].value;
console.log( "inputText1の値：" + vt1 );

// inputText2を入力不可にする（trueで使用不可）
document.forms["myForm"]["inputText2"].disabled = true;

/*------------------------------------
ラジオボタンとチェックボックス
------------------------------------*/
// inputRadio1の1番目の要素が選択されているかの論理値を取得
var vr1 = document.forms["myForm"]["inputRadio1"][0].checked;
console.log( "inputRadio1の1番目の要素が選択されているか：" + vr1 );

// inputRadio1の要素数を取得
var vr2 = document.forms["myForm"]["inputRadio1"].length;
console.log( "inputRadio1の要素数：" + vr2 );

// inputRadio1の1番目の要素がデフォルトで選択されているか
var vr3 = document.forms["myForm"]["inputRadio1"][0].defaultChecked;
console.log( "inputRadio1の1番目の要素がデフォルトか："  + vr3);

// inputRadio2の2番目の要素を選択する
document.forms["myForm"]["inputRadio2"][1].checked = true;

// inputCheckの1番目の要素を選択する
document.forms["myForm"]["inputCheck"][0].checked=true;

// inputCheckの2番目の要素を選択不可にする
document.forms["myForm"]["inputCheck"][1].disabled = true;

/*------------------------------------
セレクトボックス
------------------------------------*/
// selectBox1の選択された項目のインデックスを返す
var vs1 = document.forms["myForm"]["selectBox1"].selectedIndex
console.log( "selectBox1の選択された項目のインデックス：" + vs1 );

// selectBox1の選択された要素のテキストを取得
var vs2 = document.forms["myForm"]["selectBox1"][vs1].text;
console.log( "selectBox1の選択された要素のテキスト：" + vs2 );

// selectBox2の最後の要素を選択
document.forms["myForm"]["selectBox2"][document.forms["myForm"]["selectBox2"].length-1].selected = true;

// selectBox2の項目毎の処理
for ( var i=0; i<document.forms["myForm"]["selectBox2"].length; i++ ){
	// 項目が選択されているかの論理値を取得
	var vs3 = document.forms["myForm"]["selectBox2"][i].text;
	console.log( i + "番目の項目のテキスト：" + vs3 );
}




/*------------------------------------
テキストエリア
------------------------------------*/
// textareaBoxのフォーカスイベントをキャッチ
document.forms["myForm"]["textareaBox"].addEventListener( "focus", function(){
	// テキストエリアの文字を選択
	document.forms["myForm"]["textareaBox"].select()
	;
	// テキストエリアの高さを変更
	document.forms["myForm"]["textareaBox"].rows=10
	;
} );



/*------------------------------------
ボタン
------------------------------------*/
// ボタンのクリックイベントをリスナーに登録
document.forms["myForm"]["btn"].addEventListener( "click", function(){
	alert( "ボタンがクリックされました" );
} );

// btnResetボタンをクリック不可
document.forms["myForm"]["btnReset"].disabled = true;

// ボタンのクリックイベントをリスナーに登録
document.forms["myForm"].addEventListener( "submit", function( evt ){
	alert( "送信をキャンセルします" );
	evt.preventDefault();
} );

/*
// 項目のインデックス番号を返す
console.log(document.forms["myForm"]["selectBox2"][0].index+ " "+document.forms["myForm"]["selectBox2"][1].index);

// TYPE属性を変更
//document.forms["myForm"]["inputText"].type="radio";

document.forms["myForm"]["button"].disabled=true;
*/