在用戶注冊的時候,常常用戶點擊文字就需要將光標聚焦到對應的表單上面,這個是怎么實現的呢?就是下面我要介紹的<label>標簽的for屬性
定義:for 屬性規定 label 與哪個表單元素綁定
如:
代碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>label標簽的用法</title> </head> <body> <table> <tr> <td><label for="username">用戶名:</label></td> <td><input type="text" name="username" id="username"></td> </tr> <tr> <td><label for="password">密碼:</label></td> <td><input type="password" name="password" id="password"></td> </tr> <tr> <td><label for="repassword">密碼確認:</label></td> <td><input type="password" name="repassword" id="repassword"></td> </tr> <tr> <td><label for="_basketball">愛好:</label></td> <td> <label><input type="checkbox" value="basketball" name="hobby" id="_basketball">basketball</label> <label><input type="checkbox" value="football" name="hobby" id="_football">football</label> <label><input type="checkbox" value="skating" name="hobby" id="_skating">skating</label> <label><input type="checkbox" value="dance" name="hobby" id="_dance">dance</label> </td> </tr> <tr> <td><label for="_boy">性別:</label></td> <td> <label><input type="radio" value="boy" name="sex" id="_boy">boy</label> <label><input type="radio" value="girl" name="sex">girl</label> </td> </tr> <tr> <td><label for="email">郵箱:<label></td> <td><input type="text" name="email" id="email"></td> </tr> <tr> <td><label for="address">住址:</label></td> <td><input type="text" name="address" id="address"></td> </tr> </table> </body> </html>