トップページ > JavaScriptリファレンス > document.フォーム名.reset()

★JavaScriptリファレンス

document.フォーム名.reset() …… フォームの入力内容をリセットする
Internet Explorer Google Chrome Safari Firefox Opera
広告

フォームオブジェクトのreset()は、フォームの入力内容をリセットします。

HTMLの<input type="reset">で作成するリセットボタンを押したのと同様の結果となります。

■使用例

HTML + JavaScriptソース

<script>
<!--
function sample1() {
	document.sampleform.action="cgi-bin/formmail.cgi";
	document.sampleform.method="get";
	document.sampleform.submit();
}

function sample2() {
	document.sampleform.reset();
}
// -->
</script>

<form name="sampleform">
<p>名前:<input type="text" name="name" size="40"></p>
<p>性別:<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="female">女</p>
<p>血液型:<select name="blood">
<option value="A">A型</option>
<option value="B">B型</option>
<option value="O">O型</option>
<option value="AB">AB型</option>
</select></p>
<p>ご感想:<br>
<textarea name="kanso" rows="4" cols="40"></textarea></p>
<p>
<button type="button" onclick="sample1()">送信</button>
<button type="button" onclick="sample2()">リセット</button>
</p>
</form>
↓↓↓

ブラウザ上の表示

名前:

性別:

血液型:

ご感想:

■関連項目

document.フォーム名.action …… フォームの送信先を設定する
document.フォーム名.method …… フォームの送信方法を設定する
document.フォーム名.encoding …… フォーム送信のエンコード方式を設定する
document.フォーム名.target …… フォーム送信先のターゲットを設定する
document.フォーム名.reset() …… フォームの入力内容をリセットする
document.フォーム名.submit() …… フォームを送信する
document.forms.length …… ドキュメント内にあるフォームの数を参照する
document.フォーム名.length …… フォーム内のフォーム部品の数を参照する
document.フォーム名.name …… フォームのname属性の値を参照する
広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ