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

推薦する

HTML で複数のクラス属性を定義する場合の無効な解決策

HTML を記述する過程で、クラス属性に複数の値を定義することがよくありますが、定義した値が無効であ...

一般的な Linux の問題に対する解決策の概要

1. VMwareでCentos7を接続し、固定IPを設定する1) まず、仮想イメージ名を右クリック...

ReactHooks バッチ更新状態とルートパラメータの取得例の分析

目次1. 一括更新の方法コンソール出力2. フックがルーティングパラメータを取得する方法実行効果1....

JavaScript の非同期処理で待機時間を節約できますか?

JavaScriptで非同期実行の結果を同期的に取得するには、 for ループ内でawaitを使用...

MacにHomebrewをインストールする際の注意点

最近、Xiao Ming は新しい Mac を購入し、独自のブログ Web サイトを構築したいと考え...

MySQLでスケジュールされたタスクを設定する方法の分析

この記事では、例を使用して、MySQL でスケジュールされたタスクを設定する方法について説明します。...

CSS3 タイムラインアニメーション

成果を達成する html <h2>CSS3 タイムライン</h2> <...

Js の継承とプロトタイプチェーンを理解するのに役立つ記事

目次継承とプロトタイプチェーン継承されたプロパティ継承されたメソッドJavaScript でのプロト...

ウェブフロントエンドコードを書く際の考慮事項のまとめ

1. HTMLタグの前に次のような文を追加するのが最適です。 <!DOCTYPE HTML P...

MySQL 高可用性クラスタの展開とフェイルオーバーの実装

目次1. 内閣府1. コンセプト2. MHAの構成3. MHAの特徴2. MySQL+MHAをビルド...

MySQL 使用仕様の概要

1. InnoDBストレージエンジンを使用する必要がありますCPU と IO のパフォーマンスが向上...

nginx を使用してブルーグリーン デプロイメントをシミュレートする方法

この記事では、ブルーグリーン デプロイメントと、nginx を使用してブルーグリーン デプロイメント...

MySql COALESCE 関数の使用コード例

COALESCE は、各パラメータ式 (expression_1、expression_2、...、...

HTML におけるメタの役割について (インターネットから収集および分類)

W3Cschoolではこのように説明しています<meta> 要素は、検索エンジン向けの説...

MySQLでJSONフィールドを操作する方法

MySQL 5.7.8 では json フィールドが導入されました。このタイプのフィールドは使用頻度...