formObject.reset()は、フォームの内容をリセットするメソッド。
フォームをリセットすると、各フォーム部品の値を初期設定値に戻すことができる。
構文
$formObject.reset();
戻り値
なし。
サンプル
サンプルの動作について
- 「送信」ボタンをクリックすると、【サンプルフォーム】の内容を送信する。
- 「リセット」ボタンをクリックすると、【サンプルフォーム】の内容をリセットし、初期状態に戻す。このサンプルの場合、入力欄の値を「JavaScript」に戻す。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function submitForm() {
document.getElementById( "sampleForm" ).submit();
}
function resetForm() {
document.getElementById( "sampleForm" ).reset();
}
</script>
function submitForm() {
document.getElementById( "sampleForm" ).submit();
}
function resetForm() {
document.getElementById( "sampleForm" ).reset();
}
</script>
HTML
<button onclick="submitForm();">送信</button>
<button onclick="resetForm();">リセット</button>
<form id="sampleForm" method="get" action="http://alphasis.info/" target="_blank">
【サンプルフォーム】
<br />
入力欄：<input type="text" name="s" value="JavaScript">
</form>
<button onclick="resetForm();">リセット</button>
<form id="sampleForm" method="get" action="http://alphasis.info/" target="_blank">
【サンプルフォーム】
<br />
入力欄：<input type="text" name="s" value="JavaScript">
</form>
CSS
<style>
#sampleForm * {
margin: 0;
}
</style>
#sampleForm * {
margin: 0;
}
</style>