HTML 内の input type="reset" タグが無効 (機能しない) である理由として考えられるもの。

HTML 内の input type="reset" タグが無効 (機能しない) である理由として考えられるもの。
<html:reset> タグを使用すると、リセット ボタンが無効になり、ボタンをクリックしても入力ボックスがクリアされない場合があります。

理由は次のとおりです。

w3c の Web サイトにこの説明があります (http://www.w3school.com.cn/htmldom/dom_obj_reset.asp)
「HTML フォーム内の <input type="reset"> タグの出現ごとに、Reset オブジェクトが作成されます。リセット ボタンをクリックすると、フォーム内のすべての入力要素の値がデフォルト値にリセットされます。デフォルト値は、HTML の value 属性または JavaScript の defaultValue 属性によって指定されます。」

つまり、このテキストエリアの value 属性が設定されている場合、リセット ボタンはテキストエリアを空ではなく、この value 属性の値に復元します。

結論は次のとおりです。

リセットは入力ボックスの値をクリアしませんが、入力ボックスの値を value 属性で指定された値に復元します。
次の例を見ればこれが明らかになります。次の HTML コードを .html ファイルとして保存し、ブラウザで開いて入力ボックスの内容を変更し、リセット ボタンをクリックして効果を確認します。

<フォーム>
<input type="textarea" value="デフォルト値"/>
<入力タイプ="リセット" />
</フォーム>

ただし、クエリ結果ページでは、value 属性に値 (最後のクエリの入力条件) があることが期待される場合があるため、リセット タグを使用してクリア機能を実装することはできません。クリアであることに注意してください。

シミュレーション方法は次のとおりです。リセット タグの代わりにボタン タグを使用し、js を使用してテキスト領域の値を空に設定します。

<<:  HTMLフォームのいくつかの送信方法の概要

>>:  CSSアニメーションを使用して背景のシームレスな無限ループを実装する例

推薦する

メタタグを簡単に説明すると

META タグは、一般的に タグと呼ばれ、HTML Web ページのソース コード内の重要な HTM...

Node.js のフロントエンドとバックエンドのインタラクションによるユーザーログインの実装の実践

目次1. プロジェクト要件次にコーディングを始める1. フロントエンドページを作成する(CSSスタイ...

JavaScript が Jingdong の虫眼鏡効果を模倣

この記事では、Jingdongの虫眼鏡効果を実現するためのJavaScriptの具体的なコードを紹介...

deepin 2014 システムに MySQL データベースをインストールする方法

Deepin 2014 のダウンロードとインストールDeepin 2014 のダウンロードとインスト...

js が CSS 属性 (値) のサポートを決定して通知する状況の分析

新しい CSS 機能を使用する場合、その互換性は常に考慮されます。おそらく、その互換性、どのブラウザ...

MySQL 正規表現 (regexp と rlike) の検索機能の例分析

この記事では、例を使用して MySQL 正規表現 (regexp および rlike) の検索機能を...

VMware仮想マシンにdeepin20をインストールする最も完全で詳細なプロセス

仮想マシンソフトウェア: VMware Workstationイメージ: deepin-deskto...

Vue+Openlayer で select を使用して要素を選択する実装コード

効果画像: 実装コード: <テンプレート> <div id="map&q...

クラスタrpmを使用してMySQLをインストールするための詳細な手順

MySQLデータベースをインストールするa) MySQL ソースインストールパッケージをダウンロード...

Linux システムで MySQL データベースにリモート接続する方法のチュートリアル

序文最近、職場でこの要件に遭遇し、リモート接続を確立するのに 1 時間以上かかりました。ローカル コ...

CSS リスト モデルでのマーカー タグの使用

この記事では主に、 list-itemの下にある::master疑似要素、 list-style-i...

Linux の MySQL 設定の変更が有効にならない問題の解決方法

背景AWS EC2 を使用するプロジェクトサービスがあります。セキュリティとパフォーマンスを考慮して...

jsはシンプルな英語-中国語辞書を実装します

この記事では、参考までに、簡単な英中辞典を実装するためのjsの具体的なコードを紹介します。具体的な内...

JS の toFixed() メソッドの丸め精度の問題の詳細な説明

目次落とし穴充填方法何の穴ですか?要約する落とし穴最近、仕事で商品の割引価格を計算すると、いつも1セ...

HTMLページをクリックしてダウンロードファイルを実装する2つの方法

1. <a>タグを使用して完了します <a href="/user/te...