旧题重现:HTML Label标签结合Input的应用
2008-02-18 10:28
567 查看
巧妙的应用Label,设置焦点
Examples of form inputs marked up with the <label> tag
Form element looks like | Coded 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> |
相关文章推荐
- <学习html>第六天笔记-表单标签(input控件、label标签)
- HTML学习笔记---input,form,label标签
- Label标签结合input标签使用功能
- Html中input标签中的disabled属性要放在标签的最后面,否则结合隐藏标签使用时出错。
- HTML label标签的for属性--input标签的accesskey属性
- html标签padding--设置 btn的背景色,背景颜色方法, input的src属性
- HTML <fieldset> 标签 label标签
- HTML <fieldset> 标签 label标签
- Asp.net MVC中关于@Html标签Label、Editor使用
- IOS label导入带html标签文字,并且可以改变字体大小
- HTML <label> 标签
- HTML中Label标签使用
- HTML <input> 标签的 readonly 属性
- html 文件上传框 input标签
- HTML标签在JS代码中的应用
- Struts源码研究 - html-Cancel标签应用注意事项篇[转载]
- JMJS系统总结系列----HTML标签在XSLT 中的应用(二)
- Struts源码研究 - html:Cancel标签应用注意事项
- HTML 标签应用
- HTML基础之label标签