WEB-RSS2.0ATOM1.0さすらいのWeb制作家、MAKOCHINがつづるブログサイト。Web制作に関する知識を備忘録的に書いているだけのサイトです。ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。ご興味のある方はどうぞ。さすらいのWeb制作家。Web制作の修行に勤しむ毎日を過ごす。入力チェックに関する機能TweetPocketフォームの入力欄へ入力された値のチェックを行うための属性をまとめてご紹介します。novalidate属性type属性がemail、url、telなどの場合の入力形式チェックを行わないことを指定する属性です。value="送信"></form>上記の例では入力欄「mailaddress」に入力された値の形式チェックを行わずにフォーム送信されます。pattern属性pattern属性は入力値のチェックを行うための正規表現を設定する属性です。type属性が「email」「password」「search」「tel」「text」「url」の場合に使用できます。pattern="\d{2,4}-\d{2,4}-\d{4}">正規表現では、「\d」は半角数字の0から9を表します。「\d{2,4}」は半角数字が2から4個続くことを表し、「\d{4}」は半角数字が4個続くことを表しています。上記の例では「045-123-4567」の形式で入力チェックを行うとう意味になります。pattern属性とtitle属性を同時に利用する場合は、title属性では入力内容の説明を入れることが推奨されています。title="カード番号を16桁の数字で入力してください">上記の例では、16桁の数字入力のパターンと入力内容がカード番号であることの説明文をtitle属性で指定しています。required属性required属性は入力欄を必須入力にするための属性です。required>required属性を設定すると、値が未入力の場合にエラーメッセージが表示されフォーム送信ができません。HTML5コメントを残す返信をキャンセルする。