HTMLでリセットボタンを作成する方法

訪問者が入力したフォームデータをすべてクリアできるようにしたいですか？ この記事では、訪問者がデータをクリアするために必要なボタンを入力するためのコードを提供します。

知っておくべきこと

• リセットボタンを作成する前に、<form>タグを使用してHTMLフォームを作成する必要があります。
• リセットボタンを作成するには、<input type="reset">タグを使用します。
• ユーザーが簡単に見つけられるように、リセットボタンはフォームの上部または下部の近くに配置します。

1

<form>タグを使ってHTMLフォームを作成します。

2

ユーザーが情報を入力したり、選択ボタンをクリックしたり、何かできるようなオプションをいくつか作成します。

3

リセットボタンを作成します。HTMLフォームの上部または下部のコードに<input type="reset">タグを入力します。

4

すべての入力フィールドが入力された後、最後の</form>タグでフォームを閉じます。

5

新しいリセットボタン付きのフォームを保存し、プレビューしてください。選択項目をクリックするか、値を入力して、リセットボタンをクリックしてください。

この記事は、CC BY-NC-SAの下で公開されている " How to Create a Reset Button in HTML " を修正して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。