Question

我希望注册按钮与登录位于同一行，但当它放在表单之外时它不会起作用。

<div style="float:right;min-width:440px;width:30%;padding-top:30px;">
<form>
Username:<input name="username" type="text" name="username" style="min-width:120px;"></input>
Password:<input name="password" type="text" name="password" style="min-width:120px;"></input>
<input type="submit" value="Login"></input>
</form>
<button>Register</button>
</div>

Answer 1

来自Vitorino Fernandes＆＃39;评论。试试以下 -

<div style="float:right;min-width:440px;width:30%;padding-top:30px;">
<form>
    Username:<input name="username" type="text" name="username" style="min-width:120px;"></input><br />
Password:<input name="password" type="text" name="password" style="min-width:120px;"></input>
    <br /> <input type="submit" value="Login"></input>
</form>
    <button style="position:absolute; left:140px; top:80px">Register</button>
</div>

Answer 2

我猜你想把按钮放在表单之外，因为你不想在点击注册按钮时提交表单。

这可以通过将注册按钮保留在表单中来实现 - 将其用于注册按钮：

<input type="button" value="Register"></input>

检查this JSFiddle。表单将在单击登录按钮时提交，但单击注册按钮后将无法提交。

另见：Difference between <input type='button' /> and <input type='submit' />

Answer 3

试试这个：JSFIDDLE

＆＃13;

<div style="float:right;min-width:565px;width:30%;padding-top:30px;">
<form style="float:left">
Username:<input name="username" type="text" name="username" style="min-width:120px;"></input>
Password:<input name="password" type="text" name="password" style="min-width:120px;"></input>
<input type="submit" value="Login"></input>
</form>
<button  style="float:left">Register</button>
</div>

＆＃13;

如果我将元素放在表单之外，如何将元素放在同一行中

3 个答案: