最初の知識ポイント: フォームの属性と概要
2 番目の知識ポイント: H5 の新しいフォーム コントロールとプロパティと概要
最初の知識ポイント:一般的なフォーム検証とは何ですか?
テキスト テキストボックスのラベル
パスワード パスワードボックス
チェックボックス 複数のチェックボックス
ラジオのラジオボタン
ボタン ボタン
送信する 送信ボタン
上記は、よく使用されるフォーム属性の一部です。
2 番目の知識ポイント: H5 新しい入力制御(1)メール:メールテキストボックス、通常のものと変わりません
1. 入力がメールアドレスでない場合、検証は失敗します。
2.モバイルキーボードが変わります
(2) tel:電話番号
1.主にモバイル端末で、キーボード1つで切り替え
(3) url: Web ページの URL
正しい URL を入力してください
(4) シアー:検索エンジン
1. Chrome にテキストを入力すると、余分な閉じた x が表示されます。
(5) Range: 特定の範囲内の値セレクター
1.min、max、step(歩数)
2. 例:jsを使用して現在値を表示する
(6) 数値: 数値のみを入力できる入力ボックス
(7) カラー: カラーセレクター
(8) detetime は完全な日付を表示します
(9) オートコンプリート: ユーザー入力値を保存するかどうか
デフォルトはオンです。プロンプトをオフにするには、オフを選択します
(10): 入力フォーカスを取得するフォームを指定します
(11): この項目は必須であり、空にすることはできません
最初の入力ボックスのみに入力すると、2 番目の入力ボックスが表示されますので、このフィールドに入力してください。
(12) parrern: 通常の検証 pattrn=/d{1,5}
設定した正規表現は1~5の数字でないと送信に失敗します。
要約する上記は、エディターが紹介した新しい HTML5 フォーム コントロールとフォーム属性のサンプル コードの詳細な説明です。ご質問があれば、メッセージを残してください。編集者が返信します。時間!