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

Question

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

Проблема 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 правилам

Спасибо в продвинутом состоянии.

Answer 1

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

Тем не менее вы можете сделать это таким образом, используя <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>