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

★JavaScriptリファレンス

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

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

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

■使用例

HTMLソース

<script type="text/javascript" language="javascript">
<!--
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>
↓↓↓

ブラウザ上の表示

名前:

性別:

血液型:

ご感想:

▲ページ先頭へ
トップページ > JavaScriptリファレンス > document.フォーム名.reset()
PR
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
HTMLクイックリファレンスについて
© HTMQ