Замена кнопки отправки текстом?

Я надеюсь заменить стандартную уродливую кнопку отправки в моей форме текстом. Я знаю, как заменить его на изображение, изменив submit На это:

<input type="image" name="submit" src="submit.png" width="70px" height="30px">

но я хотел бы изменить его на текст, возможно ли это? Спасибо

7
form-submit forms html

3 ответов

нет, вам нужно использовать другой объект HTML (i.e, просто ссылка).

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

рассуждение заключается в том, что ОС " отображать кнопку в разных (и знакомый) пути к пользователю, и это хорошая практика дизайна пользовательского интерфейса, чтобы следовать "стандартам". Это всего лишь мое скромное мнение.

технически вы можете довольно легко сделать ссылку для отправки формы, установив onclick событие к чему-то соответствующему (например:onclick="return doFormSubmit();").

2

вы можете использовать якорный тег с javascript для запуска изменения формы. например,

<form id="myform" ...>
  ...
  <a href="#" onclick="document.myform.submit();">Submit</a>
</form>

вы также можете использовать почти любой текстовый тег, кстати, просто привязка к событию onclick (a <span> например).

7

Да, это возможно с Javascript, хотя вы, вероятно, не должны этого делать. Пользователи не ожидают, что формы будут опубликованы при нажатии на ссылку.

1