как поставить тег формы HTML

Question

как поставить тег формы HTML

0

У меня есть HTML-тег на моей странице JSP следующим образом:

<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.

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

user3014926 16 дек. 2013, в 20:57

Источник

0

Покажите свой CSS, пожалуйста. Вероятно, нет причины, по которой вы не могли бы поместить ссылку в form , позволяя встроенному блочному стилю делать то, что вы просите.
isherwood 16 дек. 2013, в 19:06
0

Внутри a элементе, button элемент является недействительным. Вам необходимо описать проблему с точки зрения желаемой функциональности, а не с точки зрения недопустимой разметки. Чтобы перейти на другую страницу, просто используйте ссылку без элемента button . (При желании вы можете сделать так, чтобы ссылка выглядела как кнопка, хотя это может вводить в заблуждение.)
Jukka K. Korpela 16 дек. 2013, в 19:22

Теги:

html

2 ответа

Ещё вопросы

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

isherwood · Answer 1 · 2013-12-16T16-50-00.000Z

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

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

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

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

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

Он не перенаправляет на страницу, которую я хочу. Он перенаправляет на updateaddr с исключением Nullpointer, что не то, что я хочу.
Дайте кнопке тип: jsfiddle.net/isherwood/w9SGz/2
Это неверная разметка с неопределенным эффектом.
Согласились, но вопрос был о CSS и верстке, а не разметке. Понижающее голосование неуместно.

Dcdanny · Answer 2 · 2013-12-16T17-14-00.000Z

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

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

Это работает довольно последовательно в браузерах с включенным JavaScript

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