label for id,用label的for属性指定一个input控件的id,当点击label时,效果就好像我们点击对应的input控件一样。示例如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> input:focus { background-color: orange; } </style> </head> <body> <label for="username">用户名:</label><input name="username" type="text" id="username" /> </body> </html>
用户名所在label的for属性值是username,而有一个input框的id属性值是username,所以点击用户名后,效果等同于我们点击此input框,从而触发此input框的获取焦点事件。
时间: 2024-12-09 16:42:10