HTML5のフォームの属性でフォーム入力のチェック機能を追加して快適なフォームに

概要 ▶ フォームに入力して「送信」ボタンを押し、ページが切り替わったと思ったら「入力ミスがあります」と表示されるのは誰だって嫌なもの。HTML5なら送信前のフォームのチェックはスクリプト不要でできるのです。本ページはプロモーションが含まれている場合があります このブログのフッター部分にはメッセージを送るフォームがあります。 このフォームで何も書かずに「確認する」ボタンを押してフォーム送信したらどうなるのでしょうか。 ページが移動して（画面が遷移して）エラーが表示されます。 「名前を入力して下さい」「メッセージを入力して下さい」というエラーが表示されます。 こういうパターン、一昔前にはよくありましたよね。フォーム送信した後にエラーが表示されるパターン。 一昔前のフォームであれば、これでも仕方が無いのですが、HTML5の時代です。フォームのエレメントに属性を付けるだけで、フォームを送信する前

[jdash]

ブログ書いた。ページ移動した後に「エラーです」はもう古い。フォームを送信する前に自動的にチェックしてくれて送信を抑制してくれます。簡単なのでお薦め。ってかemailはスマホ用には必須ですね。