https://hmaster.net/


HTMLタグとCSSを使いメモ帳だけで無料でホームページを作成する 方法を分かりやすく解説しているサイトです。 初心者向けに見やすい、読みやすい作りになっています。

フォームの入力データの検証を無効にする

<form method="post" action="×××" novalidate> でフォームの送信時に入力データの間違いが無いか、入力欄が空白になっていないか等の検証を 無効にすることができます。
下の例ではメールアドレスの形式で入力しないと警告が表示されます。 空入力で送信した場合も「このフィールドは必須入力です」と警告が出ますが novalidateを追記することで警告なしで送信可能になります。

【ブラウザ表示】

Eメール

【フォームタグにnovalidateを記述した場合】

Eメール


ソース

<form method="post" action="html5_form2.html">
<p>
Eメール<input type="email" name="email" required>
<input type="submit" value="送信">
</p>
</form>

<form method="post" action="html5_form2.html" novalidate>
<p>
Eメール<input type="email" name="email" required></p>
<input type="submit" value="送信">
</p>
</form>

■ その他の項目

フォームに入れる部品
オートコンプリートを指定する
初期表示する内容を指定する
フォームの入力候補を表示する
計算結果の出力欄を表す
作業の進捗状況を示す
規定範囲内の容量を示す

HTML5のタグ一覧

HTMLタグ一覧

CSS一覧


このエントリーをはてなブックマークに追加 Instagram