您的位置:首页 > Web前端 > HTML

旧题重现:HTML Label标签结合Input的应用

2008-02-18 10:28 567 查看
巧妙的应用Label,设置焦点

Examples of form inputs marked up with the <label> tag

Form element looks likeCoded like:
First Name:

<label for="txtFirstName">
First Name:</label><br />

<input class="input" type="text" title="Enter your first name" maxlength="" size="" name="txtFirstName"
id="txtFirstName" value="">
Age:

Under 30

Over 30
Age:<br />

<input class="input" type="radio" title="Choose from one of the options" name="radAge"
id="radAge4_0" value="Under30"><label for="radAge4_0"> Under 30</label><br>

<input class="input" type="radio" title="Choose from one of the options" name="radAge"
id="radAge4_1" value="Over30"><label for="radAge4_1"> Over 30</label><br>
What colours do you like:

red

green

blue

purple
What colours do you like:<br />

<input class="input" type="checkbox" title="Select what colours you like" name="chk0"
id="chk0_0" value="red"><label for="chk0_0"> red</label><br>

<input class="input" type="checkbox" title="Select what colours you like" name="chk1"
id="chk1_1" value="green"><label for="chk1_1"> green</label><br>

<input class="input" type="checkbox" title="Select what colours you like" name="chk2" id="chk2_2" value="blue"><label for="chk2_2"> blue</label><br>

<input class="input" type="checkbox" title="Select what colours you like" name="chk3"
id="chk3_3" value="purple"><label for="chk3_3"> purple</label><br>
Your life story:

<label for="txtLifeStory">
Your life story:</label><br />

<textarea title="Write your life story here" name="txtLifeStory" id="txtLifeStory" rows="5" cols="25" class="input"></textarea>
Favourite Town:


Please Select ... Swindon
London Burkino Faso
<label for="ddlTown">
Favourite Town:</label><br />

<select title="Please choose your favourite town" name="ddlTown" id="ddlTown">

<option value="">Please Select ... </option>

<option value="Swindon">Swindon</option>

<option value="London">London</option>

<option value="Burkino Faso">Burkino Faso</option>

</select>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: