フォーム入力
リアルタイム検証
メールアドレスを入力すると形式を即時判定し、✓（緑）/ ✗（赤）とメッセージでフィードバックする。
プレビュー
入力
操作実際に入力して試せます。
コード（コピーして使えます）
<div class="iv-wrap">
<label class="iv-label" for="iv-email">メールアドレス</label>
<div class="iv-field">
<input
id="iv-email"
class="iv-input"
type="text"
placeholder="example@mail.com"
autocomplete="off"
/>
<span class="iv-icon" aria-hidden="true"></span>
</div>
<p class="iv-msg" id="iv-msg"></p>
</div>