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

推薦する

vite2.0 設定学習の詳しい説明(typescript 版)

導入悠宇希の原文です。 vite は Vue CLI に似ています。vite も、基本的なプロジェク...

MySQL公式エクスポートツールmysqlpumpの使用

目次導入説明書実際の経験長所と短所総括する導入mysqlpump は mysqldump の派生です...

MySQL テーブル内の重複データを検索して削除する方法の概要

時々、データベース テーブルに重複したデータが大量に保存されます。これらの重複データはリソースを浪費...

MySQLのロック機構の詳細な説明

序文データの一貫性と整合性を確保するために、あらゆるデータベースにはロック メカニズムが備わっていま...

CSS Houdini でダイナミックな波効果を実現

CSS Houdini は、CSS 分野における最もエキサイティングなイノベーションとして知られてい...

MySQL 挿入時間の 8 時間の違いの問題の解決方法

MySQL挿入時の8時間の時差の問題を解決する通常、jdbc の URL にはいくつかのパラメータを...

docker runの--rmオプションの使用方法

Docker コンテナが終了しても、デバッグを容易にし、ユーザー データを保持するために、デフォルト...

Linux サービス管理の 2 つの方法、service と systemctl の詳細な説明

1.サービスコマンドサービスコマンドは実際には/etc/init.dディレクトリに移動し、関連プログ...

フレックスレイアウトは、上下固定、中間スライドのレイアウトモードを実現します。

この記事では、主に、上下固定と中スライドレイアウトを実現するためのフレックスレイアウトのレイアウト方...

Linux デバイスに空き容量がありません inode の満杯により 500 エラーが発生します

iノードとは何ですか? inode を理解するには、まずファイル ストレージから始める必要があります...

vue-nuxt ログイン認証の実装

目次導入リンク始めるコードを読み進めてくださいプロキシ設定傍受を要求する異なるプレフィックスを持つイ...

Win10でのJDKのインストールと環境変数の設定に関する詳細なチュートリアル

目次序文1. 準備2. インストール3. 環境変数を設定する1. 「新規」をクリックすると、ポップア...

border-image を使用してテキストバブルの境界線を実装する方法のサンプルコード

開発中に、非常に単純なテキストバブル効果に遭遇しました。これは、おおよそ次のようになります。 うーん...

Linux サーバーは最大いくつのポートを開くことができますか?

目次ポート関連の概念:ポートとサービスの関係1: nmapツールが開いているポートを検出する2: n...

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

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