label標簽的作用


在用戶注冊的時候,常常用戶點擊文字就需要將光標聚焦到對應的表單上面,這個是怎么實現的呢?就是下面我要介紹的<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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM