タブ


label

  • labelは、フォームのフォームに名前を付けたタグです.
  • の主な属性はforです.Labelのfor値がフォームのid値と同じである場合、それらは関連付けられます.
  • labelをクリックすると、リンクされたフォームに入力、選択、または選択解除ができます.
  • input要素にラベルを付ける簡単な例.
  • <!doctype html>
    <html lang="ko">
    	<head>
    	<meta charset="utf-8">
    		<title>HTML</title>
    	</head>
    	<body>
    		<p>
    			<label for="jb-input-text">Input - Text</label>
    			<input type="text" id="jb-input-text">
    		</p>
    		<p>
    			<label for="jb-input-checkbox">Input - Checkbox</label>
    			<input type="checkbox" id="jb-input-checkbox">
    		</p>
    	</body>
    </html>

    Tip


    フォーム(例えばinput)をlabelで包むと、idとforを必要とせずに同じ結果が得られます.
    <!doctype html>
    <html lang="ko">
      <head>
      <meta charset="utf-8">
        <title>HTML</title>
      </head>
      <body>
        <p>
          <label>Input - Text
          <input type="text">
          </label>
        </p>
        <p>
          <label>Input - Checkbox
          <input type="checkbox">
          </label>
        </p>
      </body>
    </html>