Как я могу создать две кнопки подряд для формы HTML? - PullRequest
Новая
       7

Как я могу создать две кнопки подряд для формы HTML?

1 голос
/ 19 июня 2010

Я хотел бы создать HTML-форму с одним полем для имени пользователя, вторым под ним для пароля, а затем под ним строку, содержащую две кнопки, одну для входа в систему и другую для регистрации.хотите кнопку «Войти», чтобы отправить форму.Я не хочу, чтобы кнопка регистрации отправляла форму, а просто перенесу пользователя на другую страницу.Как я могу заставить две кнопки появляться в ряду друг с другом и иметь поведение, которое я описал?

Ответы [ 5 ]

3 голосов
/ 20 июня 2010

Для меня важно, по крайней мере, попытаться использовать просто старый 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>
2 голосов
/ 19 июня 2010 
<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();">
0 голосов
/ 19 июня 2010

С ТОЛЬКО простым HTML, я не думаю, что вы можете отправлять и перенаправлять на две отдельные страницы.Либо используйте язык на стороне сервера, чтобы узнать, какая кнопка была нажата, и, соответственно, войдите / перенаправьте.

Или используйте кнопку отправки и текст с тегом привязки для ссылки регистрации.

0 голосов
/ 19 июня 2010

вы можете сделать это с помощью 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";

    ?>
0 голосов
/ 19 июня 2010

используйте их в одном ряду внутри <span></span> те, что в разных рядах внутри <div></div>

Вы также можете оформить заказ <table>, но в настоящее время это не тренд;)

aНебольшой код для начала работы: 

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

Имейте в виду, что этот код является просто иллюстрацией для базового макета, а не рабочего кода.Отправка из формы и используемые элементы могут варьироваться в зависимости от ваших точных требований.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...