入力およびラベルの名前、値についての簡単な説明

この記事では、入力の名前とラベルの値について簡単に説明します。必要な方は参考にしていただければ幸いです。

入力には多くの属性があり、より一般的に使用される属性は、タイプ、値、名前、プレースホルダー、複数、チェックなどです。名前、値、ラベル、ラベルの外側のテキストについていつも混乱していましたが、今日ようやく理解できました。

1) name 属性

Definition: name 属性は、入力要素の名前を指定します。

Usage: name 属性は、サーバーに送信されたフォーム データを識別するため、またはクライアント上の JavaScript を介してフォーム データを参照するために使用されます。

注: name 属性が設定されたフォーム要素のみが、フォームの送信時に値を渡すことができます。

つまり、名前はページ表示には役に立ちません (名前を追加するかどうかはページ表示に影響しません) が、サーバーと対話するときや JS を記述するときに簡単に参照するために使用されます。

2) value 属性

Definition: value 属性は、入力要素の値を設定します。

Usage: 入力タイプが異なると、value 属性の使用法も異なります:

• type="button", "reset" , " submit" - ボタンに表示されるテキストを定義します

<input>按钮文字

• type="text ", "password", "hidden" - 入力フィールドの初期値を定義します

<input>标签外

type= 「checkbox」、「radio」、「image」 - 入力に関連付けられた値を定義します。ページ上に表示されるのは「ボタンテキスト」（ラベルの外側のテキスト）であり、このときの値は主にインタラクティブな操作に使用されます。 js内にあるので、この時の値は入力に関係する値が設定されるのが一般的です。例:

• <input>按钮文字

  Note: value 属性は および に設定する必要があります。

3) label

ラベルは入力要素のラベル (マーカー) を定義します。例:

<input>男

上の 2 つのメソッドは、次の図に示すように、同じ結果を表示します。

つまり: label要素は、特殊効果

をユーザーに表示しません。ただし、マウス ユーザーにとっては使いやすさが向上します。このコントロールは、ラベル要素内のテキストをクリックするとトリガーされます。つまり、ユーザーがラベルを選択すると、ブラウザは自動的にラベルに関連するフォーム コントロールにフォーカスを向けます。

ラベルの for 属性は、関連要素の id 属性と同じである必要があります。

上の文はどういう意味ですか?つまり、次のように記述した場合、

「メールアドレスを入力してください」をマウスでクリックすると、入力ボックスをクリックしたのと同じ効果になります(つまり、入力ボックスがフォーカスされます)。つまり、ラベルは対応する入力にバインドされます。

<label>请输入邮箱地址：</label>      
    <input type="text" name="email" value="这是一个文本输入框"/>

请输入邮箱地址：     
     <input type="text" name="email" value="这是一个文本输入框"/>

要約: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。関連チュートリアルの詳細については、HTML ビデオ チュートリアル をご覧ください。 関連する推奨事項:

php 公共福祉トレーニング ビデオ チュートリアル

以上が入力およびラベルの名前、値についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。