本文目录
HTML
《!DOCTYPE html》《html》《head》 《meta charset=“utf-8“ /》《/head》《body》 《p》请点击文本标记之一,就可以触发相关控件:《/p》 《form》 《label》Male2121《input type=“radio“ name=“sex“ id=“male“》《/label》 《label》Female《input type=“radio“ name=“sex“ id=“female“》《/label》 《/form》《/body》《/html》
label》 标签为 input 元素定义标注(标记)。label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。《label》 标签的 for 属性应当与相关元素的 id 属性相同。实例带有两个输入字段和相关标记的简单 HTML 表单:《form》 《label for=“male“》Male《/label》 《input type=“radio“ name=“sex“ id=“male“ /》 《br /》 《label for=“female“》Female《/label》 《input type=“radio“ name=“sex“ id=“female“ /》《/form》TIY浏览器支持所有主流浏览器都支持 《label》 标签。
label里面的for有什么意义
for 属性规定 label 与哪个表单元素绑定。作用是 在点击label 时 会自动将焦点移动到绑定的 元素上比如《label》《input type=“radio“ value=“boy“ name=“sex“ id=“_boy“》boy《/label》 《label》《input type=“radio“ value=“girl“ name=“sex“》girl《/label》 特别是使用 checkbox 时 如果没有绑定 的话 需要鼠标点中小方框 才可以选中 或不选, 绑定以后 点击 label 就可以改变checkbox 的值了
HTML里input标签里的placeholder、for属性的作用是什么
placeholder是html5新增的input的一个熟悉,主要是让表单体验更加智能,相当于value属性,但是他有一个好处就是当我们聚焦输入文本的时候我们在placeholder=“默认值“的文本就会自动清空,,不过兼容性还不太好,至少ie好像要9以上才能支持,,所以很多pc端的聚焦处理还是用js来的for属性应该是label的属性吧??这个是和input的id绑定,当我们点击input前面的文本标识会自动聚焦到文本框,例如:《form》《label for=“name“》用户名《/label》《input type=“text“ name=“name“ accesskey=“c“ id=“name“ /》《/form》这个例子,当我点击用户名的时候,会自动聚焦到文本框里头,也就是光标会自动定位到文本框里