HTML の値属性と名前属性の機能と使用法の紹介

HTML の値属性と名前属性の機能と使用法の紹介
1. ボタンで使用される値は、「OK」、「削除」など、ボタンに表示されるテキストを指します。

2. チェックボックスに使用される値はチェックボックスの値を参照します

3. ラジオボタンに使用される値はチェックボックスの場合と同じです。

4. ドロップダウンメニューで使用される値は、リスト内の各項目の値です。

5. 隠しフィールドに使用される値は、ボックスに表示される内容です。


バックグラウンドでチェックボックスの内容を取得したい場合は value です。フォームデータを受け取るページでデータを取得する場合は value の値を取得します。

1. name はコントロールの名前です (複数のコントロールに同じ名前を付けることができます)。value はコントロールの値です。
2. チェックボックス、ラジオボタン、非表示など、すべてのコントロールの値が表示されるわけではありません。
3. コントロールの名前と値を定義し、サーバー上のコントロールとその値を取得します。
4. 送信の名前が表示されない場合、ブラウザがその名前を無視しているわけではありません。送信前にブラウザも名前を定義し、その名前と値はサーバー上で取得できます。
5. コントロールは、名前/値を定義せずに表示できます。コントロールの名前/値は、サーバーでの受信と区別を容易にするためだけに定義されます。もちろん、ボタンの値は、値を保存するだけでなく、表示にも使用されます。
[コード]
<html>
<選択>
<option value="1">花</option>
<option value="2" selected="selected">庭園</option>
<option value="3">木</option>
</選択>
<フォーム>
<input type="checkbox" name="ニュースレター" check="checked" value="毎日" />vjn
<input type="checkbox" name="ニュースレター" value="週刊" />bvc
<input type="checkbox" name="ニュースレター" check="checked" value="月刊" />cvb
</フォーム>
<input type="button" value="OK"/>
<SPAN style="WHITE-SPACE: pre">&nbsp;<input type="text" value="コンテンツを入力してください"/> </SPAN>
</html>

<<:  Webデザインにおけるフォームデザインテクニックのまとめ

>>:  Docker で PostgreSQL を実行し、いくつかの接続ツールを推奨する

推薦する

Vue3 の ref toRef と toRefs の違いを理解する方法

目次1. 基本1.参照2. 参照3. 参照4. 最適な使い方2. 詳細な1. なぜrefが必要なのか...

NextCloud プライベート クラウド ストレージ ネットワーク ディスクの構築に関する詳細なチュートリアル

Nextcloud は、オープンソースで無料のプライベート クラウド ストレージ ネットワーク ディ...

jQueryはテーブル行データのスクロール効果を実現します

この記事の例では、テーブル行データのスクロール効果を実現するためのjQueryの具体的なコードを参考...

MySQLクエリ文の実行プロセスを理解するための記事

序文要件を満たす特定のデータをデータベースから取得する必要があります。Select ABC FROM...

Windows で複数の MySQL インスタンスを実行する方法

序文Windows では、各インスタンスに適切なパラメータを使用してコマンド ラインから複数の My...

スライダー効果を実装するミニプログラム

この記事の例では、スライディングブロック効果を実現するための小さなプログラムの具体的なコードを参考ま...

WeChatアプレットがフォーム検証を実装

WeChatアプレットフォームの検証、参考までに具体的な内容は次のとおりです。プラグインWxVali...

Ajax リクエストにおけるクロスドメイン問題の原因と解決策

目次1. クロスドメインはどのように形成されるのでしょうか? 2. クロスドメインの根本的な原因3....

VScode設定のリモートデバッグLinuxプログラムの問題を解決する

VScode リモートデバッグ Linux プログラムの問題について見てみましょう。具体的な内容は以...

モバイルウェブページのサイズ調整を実装する方法

ようやく手元のプロジェクトが終了し、行方不明だった人たちが戻ってきました!プロジェクトを進める過程で...

知っておくべきHTML最適化テクニック

Web ページのパフォーマンスを向上させるために、多くの開発者は、JavaScript、画像の最適化...

React プロジェクトにおける TypeScript の使用の概要

序文この記事では、TS の基本的な概念ではなく、プロジェクトで TypeScript (以下、TS ...

Linux を使用して時間指定ファイルが占有するディスク容量を計算する方法

スケジュールされたタスク エディターを開きます。Cent は、デフォルトで vim を使用して直接開...

CSS3 フリップカード番号サンプルコード

今日会社から課題をもらったのですが、効果図は以下のとおりです。 どのような効果を実現したいかは特に決...

MySQLトランザクションが効率に与える影響の分析と概要

1. データベース トランザクションによりデータベースのパフォーマンスが低下します。データの一貫性と...