2013-12-16 3 views
0

У меня есть HTML-тег в моей странице JSP, как это:как поставить HTML тэг формы

<form action="updateaddr" method="post"> 
    <p> 
     <label> 
      电话: 
      <input type="text" name="phoneNumber" value="${person.phoneNumber}"/> 
     </label> 
    </p> 
    <p> 
     <label> 
      密码: 
      <input type="password" name="password"/> 
     </label> 
    </p> 
    <input type="submit" value="注册"/> 
</form> 

Затем ниже тега формы, я пытаюсь кнопку, которая будет перенаправлять на другую страницу поставить.

<a href="personal?id=${id}"> 
    <button>返回</button> 
</a> 

Я хочу разместить эту кнопку рядом с

<input type="submit" value="注册"/> 

В настоящее время он помещен ниже этого при запуске Tomcat.

Я понимаю, если кто-то может мне помочь.

+0

Показать свой CSS, пожалуйста. Вероятно, нет причин, по которым вы не могли бы поместить ссылку внутри 'form', позволяя встроенному блоку делать то, о чем вы просите. – isherwood

+0

Внутри элемента 'a' элемент' button' недействителен. Вам нужно описать проблему с точки зрения желаемой функциональности, а не с точки зрения недействительной разметки. Чтобы ссылаться на другую страницу, просто используйте ссылку без элемента 'button'. (Вы можете настроить ссылку, чтобы выглядеть как кнопка, если хотите, хотя это может ввести в заблуждение.) –

ответ

1

http://jsfiddle.net/isherwood/w9SGz

Просто поставить ссылку внутри формы.

... 
    <input type="submit" value="注册" /> 

    <a href="personal?id=${id}"> 
     <button>返回</button> 
    </a> 
</form 

UPDATE: Вы должны были бы дать кнопке типа для предотвращения странности: http://jsfiddle.net/isherwood/w9SGz/2

Юкка является правильной, что это может быть признана недействительной разметка, и я знаю, за то, что некоторые браузеры дон» Это нравится. Я согласен с тем, что стилизация ссылки в виде кнопки - лучший подход. Однако это был не вопрос.


Если вы не хотите, чтобы сделать это, отрицательные поля могут помочь, хотя это немного привередливо и хрупкие:

http://jsfiddle.net/isherwood/w9SGz/1

#myButton { 
    margin-left: 50px; 
    margin-top: -26px; 
    display: block; 
} 
+0

Он не перенаправляет на страницу, которую я хочу. Он перенаправляет на updateaddr исключение Nullpointer, которое не то, что я хочу. – user3014926

+0

Дайте кнопке тип: http://jsfiddle.net/isherwood/w9SGz/2/ – isherwood

+0

Это недопустимая разметка с неопределенным эффектом. –

0

Вы можете использовать JavaScript и поместить его в элемент формы:

<input type="submit" value="注册"/> 
<button onclick="window.location.href='personal?id=${id}'">返回</button>  
</form> 

Это работает довольно последовательно в браузерах tha Есть ли встроенный JavaScript

+0

Я остановился до того, как вспомнил, что якоря вокруг кнопок - плохая идея, но это отличный ответ. Я не могу отступить, если вы не отредактируете свой ответ. Если вы это сделаете, прокомментируйте здесь, чтобы уведомить меня. – isherwood

+1

Я отредактировал сообщение и прояснил его. @isherwood – Dcdanny

Смежные вопросы