为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

/初识HTML(5)+CSS(3)-升级版

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

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

云海平原

2016-05-11

源自：初识HTML(5)+CSS(3)-升级版  6-1

关注问题 我要回答
1351
操作
收起

正在回答

8 回答

伟大的陈老师丨 回答被采纳 +3 积分
2016-05-11

<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>并没有用吧。密码之间的空格是全角空格。

0 回复 有任何疑惑可以回复我~
收起回答
#1

伟大的陈老师丨

你这个本来就在一行啊。打开就可以看见了
2016-05-11 回复 有任何疑惑可以回复我~
huanranwo
2016-05-11

可以用<br />强制换行；

也可以用<table>,将密码及其空白框放一个<tr></tr>里面，但密码和空白框需放各自<td>里，不能漏。

不明白你的代码里面的<tr>是干啥用的，在这段代码里没看出什么意义的！

0 回复 有任何疑惑可以回复我~
收起回答
小周在努力
2016-05-11

在密码用<br />换行

0 回复 有任何疑惑可以回复我~
收起回答
锅德宁宁3337389
2016-05-11

 <!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 回复 有任何疑惑可以回复我~
收起回答
qq_哇啦啦_0
2016-05-11

<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 回复 有任何疑惑可以回复我~
收起回答
慕粉4730023
2016-05-11

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

0 回复 有任何疑惑可以回复我~
收起回答
花无心
2016-05-11

                                 <!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 回复 有任何疑惑可以回复我~
收起回答
ToniaQi
2016-05-11

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

1 回复 有任何疑惑可以回复我~
收起回答

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225792    人
  • 解答问题       18234    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

3 回答怎么在密码框中写上“输入密码”

2 回答我想在”密”和”码”之间插入一个空格该怎么做？

4 回答关于文本框和密码框

2 回答文本框和密码框有什么不同

1 回答为什么密码框和文本框对不齐？
搜索更多本课相关问答

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信