..


スポンサーリンク

HTML5の新しいフォーム

ステファノCanceddaによって書かれた記事
ページ1の5

HTML5で必要なフォームのための新しい要素は、言語の新しいバージョンの目標の指標となる:の変化するニーズを満たすために、シンプルなマークアップで、より機能的なソリューションを(今だけのスクリプト言語を用いて達成可能な)を作成するインターネット。

この記事では、 ウェブフォームの作成 ​​にはHTML5で導入された多数の例、オレ革新を通じて、表示されます

もう一度私はすべてのブラウザーが例の表示を修正するためにそのための新しいマークアップ言語(HTML 5はまだ標準ではないが、開発中の言語)へのサポートを提供し、私が提案することを読者に思い出させてくれます例えば、既に準備に使用するブラウザ、 オペラ。

新しいアイテムと拡張

主な変更点は、フォームの専用のオブジェクト(新しいタグ)や拡張機能の使用に関連しています。

エクステンションの使用は、古典的なinputタグを介して、データの自動検証を可能にして/またはそのようなカレンダー、例えば、などの複雑なツールを作成する可能性を展開。

スターターとして私はあなたの例を示唆している:URLフィールド:私たちはより具体的なもので、単純なテキストフィールドを(<input type="text"/>)に置き換えます。 コー​​ドを見てみましょう:

 



 <FORM>







 URL:<input name="url" type="url" value="" required>







 </フォーム>

 
どうやらあなたは、ビュー内の任意の違いに気付くことはありませんが、目ですぐに古典的なHTML4のマークアップからの変更点が発生します。
  • 特定のタイプ("URL")
    予想されるデータ型の仕様は、適切にコンテンツを解析し、エラーの存在に気づき、言語のパーサに便利です。
  • キーワード"必須"
    わかるようにこれは、新しいHTML5ですが、(それについては後で返されます)必須条件としてフィールドを完了する必要があります。

新しいHTML5に入る前に私はそれはHTML4で提供されるモジュールのコントロールについて簡単に復習すべきだと思います。

同じカテゴリの...
E -ラーニング
CSS(コース) CSS(コース)
W3C CSSやXHTMLに応じてWebデザインとアクセシビリティ。 29€から開始。
HTML(コース) HTML(コース)
29€からWeb用のマークアップ言語。
ウェブデザイン(コース) ウェブデザイン(コース)
HTML、CSSとダイナミックHTMLによるWebサイトを設計します。 39€から。
スポンサーリンク