コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > 毎日のプログラミング > HTMLの知識 > ラベル label を入力ラベルにバインドする方法

ラベル label を入力ラベルにバインドする方法

autoload
リリース： 2021-03-31 14:03:23
オリジナル
7666 人が閲覧しました

ラベル label を入力ラベルにバインドする方法

#1. 方法 1: #

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>
<body>
   <form action="" style="display: grid;" method="POST">
     <div>
            <label for="username">账号：</label>  <!-- 利用id进行绑定 -->
            <input type="text" id="username">        
     </div>
   </form>
</body>
</html>
ログイン後にコピー

#方法 2: 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>
<body>
   <form action="" style="display: grid;" method="POST">
     <div>
            <label>账号：<input type="text" >  </label>
                  
     </div>
   </form>
</body>
</html>
ログイン後にコピー
推奨事項: 「
最も人気のある 5 つの HTML5 ビデオ チュートリアルの推奨事項

」

以上がラベル label を入力ラベルにバインドする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
input
ソース：php.cn
前の記事：Webフロントエンドの理解 次の記事：どのHTML編集ソフトが使いやすいでしょうか？
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
送信後に選択したチェックボックスの値を印刷する方法 これは、データを送信するために必要なチェックボックスとボタンのリストです。<label>AccessLocations</label><br/>...
から 2024-04-06 13:07:43
0
2
337
Shopware 6 プラグイン: ブール構成を削除して複数選択構成に移行する方法 現在、プラグインを通じて送信されたレビューを自動的に公開するブール型 reviewSkipModeration 値で構成されている Shopware6 プラグインがあります: co...
から 2024-04-03 23:09:28
0
1
410
Ajax と PHP を使用して CodeIgniter に複数の画像ファイルをアップロードする 複数の画像ファイルをサーバー側にアップロードするのに問題があります。誰かがコードのどこが間違っているのかを指摘してくれると助かります。最初は HTML コードがあります: <...
から 2024-04-03 22:35:03
0
1
318
(Vuejs) レンダリング中に参照されるインスタンスの未定義のプロパティまたはメソッド リストに項目を追加するための簡単なボタンがあります: <labelfor="numit">itemnumber:</label><...
から 2024-04-02 16:43:16
0
1
366
無名関数を返すコールバック関数が onClick でエラーになる importReactfrom'react'exportdefaultfunctionTest(){conshandleClick=()=>(label:string)=&g...
から 2024-04-02 16:37:57
0
2
396
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート