老师,为什么我的完成后效果和图片不一样呢?是不需要用表格吗?如果是,那么应该在什么情况下用表格呢?

来源:2-13 编程练习

qq_慕后端9222573

2019-05-15 19:07:38

<!doctype html>
<html>
<head>
    <meta charset="UTF-8" />
<title></title>
</head>
<body>
<!--此处填写代码-->
<form>
    <table>
        <tr>
            <td>性别:</td>
            <td>男<input type="radio" name="sex" value="nan"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                女<input type="radio" name="sex" value="nv"/>
            </td>
        </tr>
        <tr>
            <td>我喜欢的水果:</td>
            <td>苹果<input type="checkbox" name="shuiguo value="pingguo"/>
                梨子<input type="checkbox" name="shuiguo value="lizi"/>
                桃子<input type="checkbox" name="shuiguo value="taozi"/>
                </td>
        </tr>
    </table>
</form>
</body>
</html>


写回答

1回答

好帮手慕夭夭

2019-05-16

你好同学,使用表格和不使用表格都可以实现效果,同学的方式不能实现是因为把内容都放在一个td中,所以内容不能换行显示。如下:

http://img1.sycdn.imooc.com/climg/5cdcbcb10001999904320091.jpg


当然了,这里使用表格会有点复杂,不用表格也可以实现,建议同学去掉表格布局,这样比较简单,可参考如下:

http://img1.sycdn.imooc.com/climg/5cdcbdb40001e4a109770208.jpg

祝学习愉快 ,望采纳。

0

0 学习 · 40143 问题

查看课程