form和table结合

<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>

运行效果图:

  • 3
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值