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 を実行し、いくつかの接続ツールを推奨する

推薦する

LinuxベースのLVMシームレスディスク水平拡張の詳細な説明

環境名前財産CPU 5650 円メモリ4Gディスク20G+4TB この時点で、サーバーにはすでに次の...

JavaScript イベントバブリング、イベントキャプチャ、イベント委任の詳細な説明

1. イベントバブリング: JavaScript イベント伝播のプロセスでは、要素でイベントがトリガ...

ドロップダウンメニューを表示または非表示にするJavaScript

この記事では、ドロップダウンメニューを表示および非表示にするJavaScriptの具体的なコードを参...

mysql の存在する例と存在しない例の詳細な説明

mysql の存在する例と存在しない例の詳細な説明テーブルA |列1 | 列1 | 列3 |テーブル...

Vue 円形パーセンテージ プログレスバー コンポーネントの機能の実装

必要な方はどなたでも参考にしてください。試してみて問題が見つかった場合は、メッセージを残してお知らせ...

JavaScriptのURLオブジェクトとは何かについて話しましょう

目次概要ハッシュプロパティホストプロパティホスト名属性Href属性起源のプロパティユーザー名とパスワ...

Nginx転送マッチングルールの実装

1. 正規表現マッチング大文字と小文字を区別するマッチングの場合 ~ ~*は大文字と小文字を区別しな...

ReactでCSSスタイルを動的に変更する2つの方法の詳細な説明

最初の方法: デモとしてボタンをクリックしてテキストを表示または非表示にするクラスを動的に追加します...

MySQLのワークベンチ例の詳細な説明

MySQL Workbench - モデリングおよび設計ツール1. モデルは、最も効果的で高性能なデ...

MySQLでヘッダー付きのCSVファイルをエクスポートする方法

公式ドキュメント http://dev.mysql.com/doc/refman/5.7/en/se...

Nginx でバージョン番号を隠したり偽造したりする方法

1. デフォルトでアクセスするには、curl コマンドを使用します。 # curl -I http:...

Web ベースの電子メール コンテンツの HTML フォーマット標準の概要

1. ページ要件1) 標準のヘッダーとフッターを使用するXML/HTML コードコンテンツをクリップ...

Linuxのpasswdコマンドの使用

1. コマンドの紹介passwd コマンドは、ユーザー パスワード、アカウント ロック、パスワードの...

vue3 の setUp とリアクティブ関数の使用方法の詳細な説明

1. いつsetUpを実行するかvue3 ではメソッドを正常に使用できるようになったことは誰もが知っ...