guopengfa
发布于 2020-05-25 / 806 阅读 / 0 评论 / 0 点赞

表格控件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table_show</title>
    <style type="text/css">
        tr {color: crimson}
        td {color: aqua}
        table {color: mediumslateblue;margin-left: 30px;margin-top: 30px}
    </style>
    <script>
        function hello(){
            document.getElementById("regist").innerHTML="Hello word of Javascript";
        }
    </script>
</head>
<body>
<table>
    <tr>
        <td><label>用户名:</label></td> <td><input type="text"></td>
    </tr>
    <tr>
        <td style="text-align: center"><label style="text-align: center">密&nbsp&nbsp&nbsp&nbsp码:</label></td> <td><input type="password"></td>
    </tr>
    <tr>
        <td>性别</td> <td>男<input type="radio" checked = "checked" name="sex" value="male">女<input type="radio" checked="checked" value="famal" name="sex"></td>
    </tr>
    <tr>
        <td>登陆类型:</td>
        <td>
            <select name="logintype">
                <option value="admin">管理员登陆</option>
                <option value="common">用户登录</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>是否记住密码:</td>
        <td><input type="checkbox" value="Yes"></td>
    </tr>
    <tr>
        <td style="text-align: left">
            <button type="button">
                登陆
            </button>
        </td>
        <td style="text-align: left">
            <button type="button" id="regist" onclick="hello()">
                注册
            </button>
        </td>
    </tr>
    <tr>
        <td><input type="file" name="file"></td>
    </tr>
</table>
</body>
</html>

评论