ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5フォーム(絶対強力な機能)活用例_html5チュートリアルスキル

HTML5フォーム(絶対強力な機能)活用例_html5チュートリアルスキル

WBOY
WBOYオリジナル
2016-05-16 15:49:291338ブラウズ

1. メールの自動検証には type="email"
2. 日付 (年、月、日) の検証: type="date"
3. 時刻の検証 (形式: 00:00): type= "time"
4. 数値の確認(上下加算可) type="number"
5. 月(--年--月) type="month"
6.週 ( --year--week) type="week"
7. 範囲 (範囲 0-100) type="range"
8. 検索 type="search"
9. type="color"
10. URL 検証 (先頭に http://--- を付ける必要があります) type="url"

コードをコピー
コードは次のとおりです。


メール:

日付: ;br/> ;
時間:
数値:

月:

週:

範囲:

検索:

カラー:
type="text " name="auto" value="" list="movie"/>




> ;

url:
ユーザー名: >


html 新しいフォーム属性

1. required="required" は確認のために必要です2. placeholder="ユーザー名を入力してください" デフォルト値、プロンプトユーザーはサーバーに送信されるものではありません3. ユーザーの利便性を向上させるための autofocus="autofocus" オートフォーカス機能
4. HTML 要素に正規表現を入力します
フォームはフォーム外でも送信できますが、
自動入力フォーム: (ドロップダウン リストよりも効果がはるかに優れており、効果は非常に優れています) リストの値は値と等しくなければなりません。コンテンツを表示したいことが認識できるように、データリスト内の ID を指定します:




コードをコピー
コードは次のとおりです:
<オプション>へへへ
<オプション>へへへ


ステッカー:

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。