フォーム內(nèi)のラベルタグ
フォーム內(nèi)のラベル label
皆さん、フォームのさまざまなコントロールを研究していたときに、ラベル - label を見つけましたか? このセクションでは、その機(jī)能を説明します。
ラベルはユーザーに特別な効果を與えるものではなく、その役割はマウス ユーザーの使いやすさを向上させることです。このコントロールは、ラベル內(nèi)のテキストをクリックするとトリガーされます。つまり、ユーザーがクリックしてラベルを選択すると、ブラウザは自動(dòng)的にラベルに関連するフォーム コントロールにフォーカスを移します (ラベルに関連するフォーム コントロールが自動(dòng)的に選択されます)。
構(gòu)文:
<label for="控件id名稱">
注: タグの for 屬性の値 は、関連するコントロールの id 屬性値 と同じである必要があります。
例:
<form>
<label for="male">男</label>
<input type="radio" name="gender" id="male" />
<br />
<label for="female">女</label>
<input type="radio" name="gender" id="female" />
<label for="email">輸入你的郵箱地址</label>
<input type="email" id="email" placeholder="Enter email">
</form>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>form中的lable標(biāo)簽</title>
</head>
<body>
<form><h1>我的第一個(gè)網(wǎng)頁(yè)</h1>
你的性別？<br>
<label for="male">男</label>
<input type="radio" name="sex" id="male" />
<label for="female">女</label>
<input type="radio" name="sex" id="female" />
<br />
你對(duì)什么運(yùn)動(dòng)感興趣？<br>
<input type="checkbox" name"checkbox1" value="跑步">跑步
<input type="checkbox" name"checkbox2" value="打球" checked="checked">打球
<input type="checkbox" name"checkbox3" value="登山" checked="checked">登山
<input type="checkbox" name"checkbox4" value="健身">健身<br>
<label for="email">輸入你的郵箱地址</label>
<input type="email" id="email" placeholder="Enter email">
<input type="reset" value="重置">
</form>
<img src ="http://e.hiphotos.baidu.com/image/w%3D400/sign=0648f314abd3fd1f3609a33a004f25ce/80cb39dbb6fd526654d55c2ea818972bd4073609.jpg">
</body>
</html>
