如何在HTML表單的行中創建兩個按鈕？

我想創建一個HTML表單，其中一個字段用於用戶名，第二個字段用於輸入密碼，然後在一行之下包含兩個按鈕，一個用於登錄，另一個用於註冊。如何在HTML表單的行中創建兩個按鈕？

我想要'登錄'按鈕來提交表單。我不想讓註冊按鈕提交表單，而是讓用戶訪問另一個頁面。我怎樣才能讓兩個按鈕相互排成一行，並具有我描述的行爲？

2010-06-19 samoz

<input type="button" value=" Log in " onclick="document.form.action='http://example.com/loginPage.php';  document.form.submit();"> 
<input type="button" value=" Register " onclick="document.form.action='http://example.com/registrationPage.php'; document.form.submit();">

來源

2010-06-19 18:36:02 Babiker

謝謝！我花了我一秒的時間才意識到，我需要改變'形式'作爲我形式的名字。 – samoz 2010-06-19 18:51:30

使用這些一行內<span></span> 那些在不同的行內<div></div>

您可以檢出<table>爲好，但它現在不是趨勢;）

一些代碼，讓你開始：

<form> 
<div>name: <input></input></div> 
<div>password: <input></input></div> 
<div><span><button>Login</button></span> <span><button>Register</button></span></div> 
</form>

請注意，此代碼只是基本佈局的說明，而不是工作代碼。從表格中提交，使用的元素可以根據您的具體要求而有所不同。

來源

2010-06-19 18:29:37

你可以用一些PHP這樣做：

HTML文件：

<form method="post" action= "action.php"> 

Name : <input type="text" name="name"/><br /><br /> 

<input type="submit" value="b1" name="action" /> 

<input type="submit" value="b2" name="action" /><br /><br /> 

</form>

的PHP操作文件：

<?php 

    echo "<h1> Hello $name </h1>"; 

    if ($action == "b1") 
    echo "you just clicked button 1"; 
    if ($action == "b2") 
    echo "you just clicked button 2"; 

    ?>

來源

2010-06-19 18:30:52

我建議使用
標籤是不是很整潔：HTTP：// webdesign.about.com/b/2008/11/08/dont-use-br-for-layout.htm – 2010-06-19 18:39:39

只有純HTML我不認爲你可以提交併重定向到兩個單獨的頁面。使用服務器端語言來找出哪個按鈕被點擊並相應地登錄/重定向。

或者使用提交按鈕和帶有錨標籤的文本作爲註冊鏈接。

來源

2010-06-19 18:37:36

對我來說，它至少嘗試使用只是普通的舊的HTML，沒有JS或PHP或任何類型的腳本是重要的：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html><head> 
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" > 
    <title>Pure HTML submit and link buttons</title> 
</head><body> 

<div> 
    <form action="http://www.mysite.com/login.html" method="post"> 
    <p><input type="submit" value = "Log In"> 
     <a href ="http://www.mysite.com/register.html"><span> 
     <input type="button" value = "Register"></span></a></p> 
    </form> 

<a href=""http://validator.w3.org/#validate_by_input">html valid?</a> 

</body></html>

來源

2010-06-19 20:11:55

雖然不是onclick動作JavaScript嗎？ – samoz 2010-06-20 00:22:25

謝謝！是的，它確實是，但只是爲了「html有效？」按鈕，而不是「登錄」和「註冊」按鈕。我將它作爲鏈接以消除任何混淆。 – 2010-06-21 14:45:22

如何在HTML表單的行中創建兩個按鈕？

回答

相關問題