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

来源:1-4 编程练习

FEI利普结婚了

2019-11-24 11:16:29

<!doctype html>

<html>

<head>

    <meta charset="UTF-8" />

<title></title>

</head>

<body>

<!--此处填写代码-->

<form>

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

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

    </form>

</body>

</html>


写回答

18回答

幕思

2019-12-23

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

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

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

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


2

沉默丿

2019-12-23

<br/>

1

bao_

2019-11-29

你可以在第一个文本框标签后面加入一个换行标签<br/>

1

FEI利普结婚了

提问者

2019-11-24

http://img.mukewang.com/climg/5dd9f6aa09cdd36002550110.jpg题目的是这样,我的两个框就是平行在页面最上面

1
hc身体健康万事如意撸起袖子加油干
h 要求是创建一个两行两列的表格,或者你用换行标签<br/>
h019-11-29
共2条回复

Rachell0621

2020-06-19

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

0

Neo1024

2019-12-29

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


0

火散混沌金修生运

2019-12-26

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

0

牵手媚舞

2019-12-22

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

0

慕粉3388

2019-12-17

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

0

qq_莫名的眼泪_0

2019-12-17

加一个换行标签

<br/>

0

qq_慕田峪8535900

2019-12-16

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

0

慕少8130499

2019-12-15

br换行就行

0

慕移动3569406

2019-12-09

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

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

0

慕侠4208987

2019-12-04

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

0

Cc身体健康万事如意撸起袖子加油干

2019-11-29

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

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

0

小小白的前进路

2019-11-28

<!DOCTYPE html>

<html>

<head>

    <title>表单</title>

    <meta charset="utf-8">

</head>

<body>

    <!-- 此处写代码 -->

    <form>

    <p>用户名:<input type="text" name="name"/></p>

    <p>密码:<input type="password" name="pwd"/></p>

    </form>

</body>

</html>


0

塔塔星超人不会飞呀

2019-11-27

你在表单中并没有进行结构设置,可以通过表格来规范结构,或者在用户文本域后加<br/>来换行

0

好帮手慕夭夭

2019-11-24

同学你好,input默认就是会显示在一行的,参考如下设置换行标签即可:

多设置一个换行让它们有一点间距。

http://img.mukewang.com/climg/5dda204f09b5153607780107.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程