8、html的body内标签之fieldset标签和label标签

it2022-05-15  56

一、label标签

<label> 标签为 input 元素定义标签(label)。 label 元素不会向用户呈现任何特殊的样式。不过,它为鼠标用户改善了可用性,因为如果用户点击 label 元素内的文本,则会切换到控件本身。 <label> 标签的 for 属性应该等于相关元素的 id 元素,以便将它们捆绑起来。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <label for="username">用户名:</label> <input id="username" type="text" name="user" /> </body> </html> #for="username":for属性和input标签的id属性关联起来,点击“用户名”三个字,也会切换到输入框里;

 

二、fieldset

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <fieldset> <legend>登录</legend> <label for="username">用户名:</label> <input id="username" type="text" name="user" /> </fieldset> </body> </html> #此标签不知道怎么描述,看图吧

转载于:https://www.cnblogs.com/weiyiming007/p/10772027.html


最新回复(0)