HTML5 使用fieldset 标签disable属性

下面的例子展示了,如何使用FIELDSET的disable属性。

<!DOCTYPE html>
<html>
<body>
 
    <fieldset disabled>
        <legend>Comments form</legend>
        <table>
            <tr>
                <th>Username:</th>
                <td><input id="usrnm" type="email" name="username" placeholder="[email protected]" /></td>
            </tr>
            <tr>
                <th>Password:</th>
                <td><input id="psswd" type="password" name="password" placeholder="Top secret password" /></td>
            </tr>
            <tr>
                <th>Comments:</th>
                <td><textarea id="cmmnts" cols="30" rows="5" placeholder="Comments"></textarea></td>
            </tr>
            <tr>
                <th>Subscribe:</th>
                <td><input id="sub" type="checkbox" value="1" /></td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td><input id="submitBtn" type="submit" value="Submit" /></td>
            </tr>
        </table>
    </fieldset>
 
</body>
</html>
 

源码下载:

disable_fieldset.zip

相关推荐