首页 > 代码库 > 表单控件一些特殊的使用

表单控件一些特殊的使用

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框的获取焦点事件。

 

表单控件一些特殊的使用