怎么将密码和后面空白框在一行？-慕课网

怎么将密码和后面空白框在一行？

来源：6-1 使用表单标签，与用户交互 - 使用<form>创建表单

云海平原

2016-05-11 11:17

                                 <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>表单标签</title>
</head>
<body>
<form method="post" action="save.php">
     <tr> <label for="username">用户名:</label>
      <input type="text" name="username" id="username" value="" /></tr>
     <tr><label for="pass">密码:</label>
      <input type="password" name="pass" id="pass" value="" />
      <input type="submit" value="确定" name="submit" />
      <input type="reset" value="重置" name="reset" />
</form>
</body>
</html>

写回答关注

8回答

伟大的陈老师丨

2016-05-11 14:18:40

已采纳

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>表单标签</title>
</head>
<body>
<form method="post" action="save.php">
<label for="username">用户名:</label>
<input type="text" name="username" id="username" value="" /><br/>
<label for="pass">密　码:</label>
<input type="password" name="pass" id="pass" value="" />
<input type="submit" value="确定" name="submit" />
<input type="reset" value="重置" name="reset" />
</form>
</body>
</html>
这样比较好看吧，，哪有密码和账号输入在一行的。 <tr>并没有用吧。密码之间的空格是全角空格。

1 0

伟大的陈老师...

你这个本来就在一行啊。打开就可以看见了

2016-05-11 14:21:10

共 1 条回复 >
huanranwo

2016-05-11 11:39:28

可以用<br />强制换行；
也可以用<table>,将密码及其空白框放一个<tr></tr>里面，但密码和空白框需放各自<td>里，不能漏。
不明白你的代码里面的<tr>是干啥用的，在这段代码里没看出什么意义的！

0 0
小周在努力

2016-05-11 11:30:02

在密码用<br />换行

0 0
锅德宁宁3337389

2016-05-11 11:28:43

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>表单标签</title>
</head>
<body>
<form method="post" action="save.php">
<tr> <label for="username">用户名:</label>
<input type="text" name="username" id="username" value="" /></tr><br>
<tr><label for="pass">密码:</label>
<input type="password" name="pass" id="pass" value="" />
<input type="submit" value="确定" name="submit" />
<input type="reset" value="重置" name="reset" />
</form>
</body>
</html>
加<br>

0 0
qq_哇啦啦_0

2016-05-11 11:28:23

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>表单标签</title>
</head>
<body>
<form method="post" action="save.php">
<label for="username">用户名:
<input type="text" name="username" id="username" value="" /></br></br>
<label for="pass">密&nbsp&nbsp码:</label>
<input type="password" name="pass" id="pass" value="" />
<input type="submit" value="确定" name="submit" />
<input type="reset" value="重置" name="reset" />
</form>
</body>
</html>

0 0
慕粉4730023

2016-05-11 11:28:18

本来就是一行你全屏看就知道了

0 0
花无心

2016-05-11 11:27:49

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>表单标签</title>
</head>
<body>
<form method="post" action="save.php">
     <tr> <label for="username">用户名:</label>
      <input type="text" name="username" id="username" value="" /></tr>
     <tr><label for="pass">密码:</label>
      <input type="password" name="pass" id="pass" value="" /> <br>
      <input type="submit" value="确定" name="submit" />
      <input type="reset" value="重置" name="reset" />
</form>
</body>
</html>

0 0
ToniaQi

2016-05-11 11:26:43

这个要用css设置宽度了。我想如果你是在练习，那你调整一下浏览器的宽度，是不是窗口宽度不够才换行了。

0 1