Как сделать отображение кнопки отправки в виде ссылки?

Ответ 1

Скопировано из этой ссылка, вы можете сделать свою кнопку похожим на ссылку -

.submitLink {
  background-color: transparent;
  text-decoration: underline;
  border: none;
  color: blue;
  cursor: pointer;
}
submitLink:focus {
  outline: none;
}

<input type="submit" class="submitLink" value="Submit">

Ответ 2

<form name='test'>
    <a href="javascript:document.forms['test'].submit()">As a link</a>
</form>

Ответ 3

Мне нужно было подготовить страницу переадресации сообщений, и, поскольку они полагаются на отправку форм, мне нужно было поместить что-то на них, чтобы заставить их работать, даже если javascript по какой-то причине сработал. Если javascript терпит неудачу, якорь для отправки формы не будет работать. Мне пришлось форматировать кнопку, чтобы она выглядела как ссылка (так что страница перенаправления выглядит как одна). Я основывал свое решение на том, что писал Вишал, но я сделал несколько небольших изменений, чтобы сделать его более привлекательным. Вот результат.

button
{
    padding:0;
    background-color:transparent;
    text-decoration:underline;
    border:none;
    border:0;
    color:blue;
    cursor:pointer;
    font-family:inherit;
    font-size:inherit;
}

button::-moz-focus-inner
{
    border:0;
    padding:0;
}

To complete the redirect <button>click here</button>.

Ответ 4

Попробуйте следующее:

<style type="text/css">
    .text-button 
    { 
        background-color: Transparent;                 
        text-decoration: underline;                 
        color: blue;
        cursor: pointer; 
        border:0
    }    
</style>
<input type="submit" class="text-button" value="vote+"/>

Ответ 5

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

Вы/они считали следующее?

• Лучше ли с точки зрения пользовательского интерфейса использовать что-то отличное от кнопки для отправки формы?
• Если вы подойдете к подходу CSS, я не верю, что Safari позволит вам изменить вид кнопки.
• Если вы используете тег <a> с некоторым javascript, то у вас есть форма без кнопки отправки, что может вызвать головные боли в будущем. Как вы легко обнаруживаете ссылку на отправку из других тэгов <a>?

Ответ 6

Я считаю, что ответ, представленный выше mofolo, является более правильным решением

CSS-стиль кнопок отправки, чтобы сделать их похожими на привязывающие теги, НЕ пересекает браузер. Text-decoration: стиль подчеркивания игнорируется многими типами браузеров.

Самый лучший метод в моем опыте - использовать javascript для привязки тега onclick.

Например:

Ссылка "Удалить" на экране формы деталей пользователя с подтверждением перед отправкой формы с идентификатором "userdetails"

<a href="#" onclick="if(confirm('Are you sure you want to delete this user?')){document.forms['userdetails'].submit();}return false;">Delete</a>

Ответ 7

попробуйте следующее:

.text-button {
 border: none;
 background: transparent;
 cursor: pointer }

Ответ 8

Вы не можете сделать это на кнопке, поскольку такие элементы, как элементы ввода, являются элементами клиентского браузера и машины, а не вашим кодом CSS.

Вы должны использовать тег <a href=""></a>, который ссылается на фрагмент javascript, который затем отправляет вам форму.