为什么我的这个表单两个选项是平铺的而不是往下排序的

<!doctype html>

<html>

<head>

</head>

<body>

<form>

姓：<input type="text" name="usenamer"/>

名：<input type="text" name="ming"/>

</form>

</body>

</html>

FEI利普结婚了 2019-11-24

源自：HTML表单 1-4 编程练习

173

收起

18回答

Rachell0621 2020-06-19 11:41:50

你需要在第一个标签后面加下 <br/> 来换行

收起回答

Neo1024 2019-12-29 16:03:56

<input>标签是行内元素，可以在<input>间添加换行标签<br/>

收起回答

火散混沌金修生运 2019-12-26 14:48:54

可以使用强制换行，或者用表格的tr标签来规定到固定的行内

收起回答

幕思 2019-12-23 21:30:18

因为<input>标签是行内元素，他的文档流就是平铺形式的，要使两个<input>标签垂直排列解决方案有：

1、在两个<input>间添加换行标签<br/>

2、在两个<input>标签外包裹一层<div>

3、在css样式里给<input>标签设置display：block；转换成块元素

收起回答

沉默丿 2019-12-23 16:20:42

<br/>

收起回答

牵手媚舞 2019-12-22 11:34:12

加一个换行标签<br/>,或者做两个段落<p>

收起回答

慕粉3388 2019-12-17 22:54:37

增加换行标签，或者在表格标签里做

收起回答

qq_莫名的眼泪_0 2019-12-17 14:17:54

加一个换行标签

<br/>

收起回答

qq_慕田峪8535900 2019-12-16 21:56:59

input标签是行内元素，不会独占一行的，如果想要换行，可以用p标签包裹，也可以用换行符<br/>

收起回答

慕少8130499 2019-12-15 16:19:18

br换行就行

收起回答

慕移动3569406 2019-12-09 17:16:28

因为input默认就是平铺的。你要用<br/>换行，或者用老师教的，用表格来布局。

一行一个input元素，这样就能一行行排序了。

收起回答

慕侠4208987 2019-12-04 17:42:43

在第一行后面加上<br/>就可以了，或者你可以用<table>做

收起回答

Cc身体健康万事如意撸起袖子加油干 2019-11-29 22:29:22

这个题目要求是创建一个两行两列的表格啊

<!DOCTYPE html>
<html>
<head>
    <title>表单</title>
    <meta charset="utf-8">
</head>
<body>
    
    <form>
        <table>
            <tr>
                <td>用户：</td>
                <td><input type="text" name="name"/></td>
            </tr>
            <tr>
                <td>密码：</td>
                <td><input type="password" name="mima"/></td>
            </tr>
        </table>
    </form>
</body>
</html>