我怎麼把元素同一行，如果我把它放在一個表格

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的評論。嘗試以下 -

<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

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