这篇文章将为大家详细讲解有关html表单中如何使用<label>标签,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
html form <label>标签基础语法结构与使用案例教程
在表单布局中会遇到label标签的使用,label没有任何样式效果,有触发对应表单控件功能。
比如我们点击单选按钮或多选框前文字对应选项就能被选中,这个就是对文字加了<label>标签实现。
一、点击文字,对应选择上控件 - TOP
点击<label>标签文字时,实现对应控件被选择,需要对应表单控件id的值与label标签内的for值相同。
二、label语法 - TOP
<label for="man">男</label>
Label标签内文字更加需要填写
Label标签内for属性的值为自定义,一般与想实现点击会触发控件对象的ID对应相同。
三、label案例 - TOP
HTML代码片段如下:
<form action="" method="get"> 性别:<br /> <input name="sex" id="man" type="radio" value="" /> <label for="man">男</label> <input name="sex" id="woman" type="radio" value="" /> <label for="woman">女</label> </form>
注意查看,input标签内id的值与label标签内for的值对应。
关于“html表单中如何使用<label>标签”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。