используя <form action = 'page.html'><button type = submit>, чтобы сделать кнопку гиперссылкой?

Question

Вот как я строю свои стилизованные кнопки.

<span class='button button-orange' id='sign-up'><input type='button' value='Sign up here' /></span> 

Ввод якорный тег (с HREF) вокруг диапазона позволяет гиперссылке в FF, но путает в IE если ваша мышь завис над значением атрибута значение кнопки. (value = 'Зарегистрируйтесь здесь')

Есть ли что-то не так с этим?

<form action='page.html'> 
<span class='button button-orange' id='sign-up'><input type='submit' value='Sign up here' /></span> 
</form> 

Неправильно я имею в виду, можете ли вы увидеть какие-либо ужасные последствия этого?

Спасибо!

Answer 1

Единственное, что я бы беспокоиться о том, что вы не можете вкладывать form элементы в HTML. Похоже, все будет хорошо, но если вы добавите внутрь более крупного <form></form>, у вас возникнут проблемы.

Answer 2

Выглядит хорошо для меня. Запустите его всеми браузерами и посмотрите, как он летает.

Answer 3

Выглядит лучше, чем оригинал. IE и FF имеют разные мнения о том, какие значения передавать, когда нажаты кнопки.

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

Answer 4

Я бы добавил атрибуты класса и идентификатора непосредственно в поле вместо использования этого диапазона. Во всяком случае, оба действительны.

Answer 5

Выглядит хорошо, но я думаю, что лучше использовать другие имена для ваших классов css.

Не «пуговично-оранжевый» -> используйте что-то вроде кнопки для ссылок.

Если изменить цвет, вы должны изменить код :-)