HTML-содержание формы и проблемы с выравниванием CSS - PullRequest
Новая
       10

HTML-содержание формы и проблемы с выравниванием CSS

0 голосов
/ 21 ноября 2011

У меня есть форма регистрации пользователя с кнопкой отправки и кнопкой отмены,

Проблема 1) У меня не может быть этих двух кнопок внутри одной формы, если у меня естьКнопка отмены внутри формы с submit button, когда я нажимаю cancel button, она выполняет действие формы вместо того, чтобы идти домой и отменять страницу регистрации.

Разве у нас не может быть этих двух кнопоквнутри одной формы ..?

Проблема 2) Из-за проблемы 1 я добавил cancel button вне формы и ссылки на домашнюю страницу, он работает, как я ожидаю, ноМне нужно, чтобы эти два button находились в одной строке на экране. 

<div id="main-content">
    <div id="login-container">
        <form id="user-registration-form" method="POST">
            // Some other fields, like username, etc.
            <fieldset class="edit" id="submit-button-fieldset">

                <input type="submit" id="submit-regiser"/>

            </fieldset>

        </form>
        <fieldset id="Cancel-field">
          <button id='cancel-registration' onclick=window.location.href='link-to-home'>Cancel</button>
        </fieldset>
      </div>
  </div>

Мне нужно, чтобы эти #submit-regiser и #cancel-registration находились в одной строке на экране.И это для мобильного браузера, поэтому следует соблюдать XHTML правила

Спасибо заранее.

1 Ответ

1 голос
/ 21 ноября 2011

Это предполагаемое поведение. Кнопки отмены должны очищать форму, а не возвращать ее на какую-либо страницу.

Тем не менее, вы можете сделать это так, используя элемент <button>: 

<form id="user-registration-form" method="POST">
    <fieldset class="edit" id="submit-button-fieldset">
        <button type="submit" id="submit-regiser">submit</button>
        <button id="cancel-regiser" onClick="window.location.href='http://example.com'; return false;">Back</button>
    </fieldset>
</form>
...