TransmitMailでフォームをサブミットしてページの任意の場所にスクロールする

2021-07-20 | tech

form に action を追加し、"#form" のように指定する。

TransmitMailはフォームのSubmitボタンを押すと、バリデーションが走りチェックで問題があると同じページがエラーメッセージ付きで再表示されます。
この時にページの最上部が表示されてしまい、フォームより上の部分のコンテンツが多いとフォームの位置まで閲覧者がスクロールしてこなければなりません。
それで、フォームにidをつけたり、アンカータグを貼ったりして、スクロールさせる場所を決めた後、formタグの中にaction属性を追加し、そこにページ内リンクの相対表示を記述します。