Какой атрибут добавить button, чтобы он заработал?

Question

[Treniki]

Доброго времени суток. Читаю книгу "Новая большая книга CSS" (ориг. CSS The Missing Manual 4th Edition) Дэвида Макфарланда, и встретился в ней такой код:

<button>
		<a href="#signupForm">Подпишитесь на нашу рассылку</a>
	</button>
	<form id="signupForm">
		<label for="email">Укажите свой адрес электронной почты</label>
		<input type="email" id="email">
		<input type="submit" value="Подписаться" class="btn">
	</form>

При нажатии на ссылку, страница должна "перебрасывать" к форме, а к адресу в адресной строке - добавляться #signupForm, но, увы и ах, этого не происходит. Без оборачивания ссылки в button все работает, так что, подозреваю, что проблема кроется в неуказанном каком-либо атрибуте к button. Собственно, прошу помощи :)

JS Bin

Answer 1

[Александр]

<a href="#signupForm">Подпишитесь на нашу рассылку</a>
 <br>
  <form id="signupForm">
    <label for="email">Укажите свой адрес электронной почты</label>
    <input type="email" id="email">
    <input type="submit" value="Подписаться" class="btn">
  </form>

Comments

[Treniki]

Ну, button и я убрать могу, а если - с button, то как?

[Александр]

Treniki: костыль, я вам этого не показывал ) тссс....

<button type="button" onclick="location.href='#signupForm'">Подпишитесь на нашу рассылку</button>
 <div style="padding: 900px 0"></div>
  <form id="signupForm">
    <label for="email">Укажите свой адрес электронной почты</label>
    <input type="email" id="email">
    <input type="submit" value="Подписаться" class="btn">
  </form>

[Treniki]

Александр: Спасибо

Answer 2

[Anton Bobylev]

Вот список всех атрибутов: https://developer.mozilla.org/en-US/docs/Web/HTML/...

Но вообще это не валидная верстка. Если хотите можете обернуть наоборот кнопку в ссылку, или добавить ссылке класс кнопки, чтобы они были визуально похожи.