form和table结合

最新推荐文章于 2024-03-23 20:26:04 发布

雨落骆罗

最新推荐文章于 2024-03-23 20:26:04 发布

阅读量6.9k

点赞数 3

本文链接： https://blog.csdn.net/jfsdkl/article/details/81213254

版权

<form action="">
    <fieldset>
        <legend>登录信息</legend>

    <table>
        <tr>
            <td>
                登录名：
            </td>
            <td>
                <input type="text">(可包含a-z,0-9和下划线）
            </td>
            <td>
                阅读贵美网服务协议：
            </td>
        </tr>
        <tr >
            <td>
                密码：
            </td>
            <td>
                <input type="password">(至少包含6个字符)
            </td>
            <td rowspan="8">
                <!--cols 宽度，rows高度-->
                <textarea name="" cols="20" rows="15">
</textarea>
            </td>
        </tr>
        <tr>
            <td>
                再次输入密码：
            </td>
            <td>
                <input type="password">
            </td>
        </tr>
        <tr>
            <td>
                电子邮箱：
            </td>
            <td>
                <input type="text">(必须包含@字符）
            </td>
        </tr>
        <tr>
            <td>
                性别：
            </td>
            <td>
                <input type="radio" name="sex" value="man">男
                <input type="radio" name="sex" value="women">女
            </td>
        </tr>
        <tr>
            <td>
                头像：
            </td>
            <td>
                <input type="text">
                <input type="file" name="files"></input>
            </td>
        </tr>
        <tr>
            <td>
                爱好：
            </td>
            <td>
                <input type="checkbox" name="hobby" value="spore">运动
                <input type="checkbox" name="hobby" value="speak">聊天
                <input type="checkbox" name="hobby" value="game">玩游戏
            </td>
        </tr>
        <tr>
            <td>
                喜欢的城市：
            </td>
            <td>
                <select name="city">
                    <option value="">【请选择】</option>
                    <option value="">北京</option>
                    <option value="">天津</option>
                    <option value="">上海</option>
                    <option value="">山东</option>
                </select>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
                <input type="submit" value="同意以上条款">
                <input type="reset" value="重填">
            </td>
        </tr>
    </table>



    </fieldset>
</form>

运行效果图：