ホームページ  >  記事  >  ウェブフロントエンド  >  フォームの属性と機能の適用の概要

フォームの属性と機能の適用の概要

零下一度
零下一度オリジナル
2017-06-01 14:58:313736ブラウズ

平たく言えば、フォームタグはフォームの送信に使用されます。この記事では、フォームのフォーム属性とフォームの機能について説明します。以下に、その具体的な使用方法を例を示して詳しく説明します。

フォームフォーム属性の紹介

1. formタグのmethod属性の詳しい説明

ブラウザは、method属性設定メソッドを使用して、フォーム内のデータをサーバーに送信して処理します。 POSTメソッドとGETメソッドの2つのメソッドがあります。

2. フォームのラベル label

皆さん、フォームのさまざまなコントロールを学習していたときに、ラベルというものを見つけましたか?この記事ではその機能を明らかにします。

ラベルラベルは、マウスユーザーの使いやすさを向上させるためにユーザーに特別な効果を提供しません。ラベル label 内のテキストをクリックすると、2 番目のコントロールがトリガーされます。

つまり、ユーザーがクリックしてラベルを選択すると、ブラウザーは自動的にラベルに関連するフォーム コントロールにフォーカスします。

3. HTMLのフォームのパラメータと属性の詳細な説明

new: HTML5の新しい属性。以下に示すように

フォームの属性と機能の適用の概要

4. HTML5フォームのすべてのタイプの詳細な紹介

button: クリック可能なボタンを定義します(通常、スクリプトを開始するためにJavaScriptで使用されます)

checkbox: チェックボックスを定義します

color: カラーピッカーを定義します

5. HTML5 の新しいフォーム属性の詳細な説明

最も完全なフォーム属性は、w3cschool-h5 フォーム属性を参照することで取得できます。ここでは、一般的な属性についてのみ説明します。

autocomplete (オートコンプリート): ユーザー入力を記録し、プロンプトを表示することができます。これは autocomplete

6 の役割です

新しい属性:
autocomplete
novalidate

autocomplete
autofocus
form
formaction
formenctype
formmethod
formnovalidate
formtarget
height and width
list
min and max
multiple
pattern (regexp)
placeholder
required
step

フォームフォーム機能の紹介1.

ページを更新せずにフォーム送信を実装するためのHTMLベース

ページを更新せずにフォーム送信を実装するためのajaxの使用は、プロジェクトでよく使用されます。少し前に、主に iframe フレームワークに基づいて、更新せずにフォームを送信する他のいくつかの方法をマスターから学びました。エディターは、参照用にスクリプト ホーム プラットフォームをコンパイルして共有しました。ajax を使用してページを更新せずにフォームを送信する方法は、プロジェクトでよく使用されます。少し前に、私は主に iframe フレームワーク

2 に基づいて、美しいステップバイステップの登録およびログイン フォームのサンプル コード共有

を実装する、フォームを送信する他のいくつかの方法をマスターから学びました。

ステップバイステップ 主にユーザー エクスペリエンスを向上させるために、ユーザーが多数のフォームを見て躊躇することがないよう、対応するフォーム情報を選択して入力できるようになりました。今日皆さんに共有するのは、HTML5 と CSS3 に基づいたステップバイステップの登録およびログイン フォームです。言うまでもなく、非常に美しく見えます。デモを見るだけでわかります

3. フォームの属性と機能の適用の概要HTML 5の新しいフォーム機能の分析

時間は流れており、このフロントエンド技術に関しては、終わりはありません。 Web 世界の美しい花である HTML 5 のように、技術革新には多くの専門知識があり、最初からそれを理解し、学習する必要があります。HTML 5 は最初にリリースされましたが、多くの人々 (含む)私) 普及には程遠いと感じましたが、リリース以来、多くのエンタープライズ レベルの Web サイト (キャンバス アプリケーションなどのアプリケーション) が HTML 5 のリリースにより大きな前進を遂げました。 HTML 5 がもう遠くないことを見てみましょう。

4.

HTML に直接埋め込まれたフォームのコード例

返されたジャンプ ページは、ページ上の変数に直接割り当てることができます (たとえば、ajax 設定は html 形式を返します)。これは、複雑なロジックを表示するのに非常に適しています

5 フォーム検証を実装する CSS3 および HTML5 の詳細な例。 function

この記事では主に HTML5 と CSS3 のフォーム検証関数の使用法を紹介します。必要な方は参考にしてください

クライアント側の検証は、Web クライアント プログラムで最もよく使用される関数の 1 つです。フォームを検証する前にライブラリを参照してください。実は HTML5 はすでにフォーム検証機能を提供しています。なぜ普及していないのかというと、おそらく互換性の問題とスタイルが醜すぎるためです

フォームの属性と機能の適用の概要

フォーム要素に関する質問と回答:

javascript - After using ajax toデータを送信すると、ページ フォームを送信できません

javascript - angularjs カスタム フォーム検証手順が無効です

[関連する推奨事項]

1. php.cn オリジナルの HTML5 ビデオ チュートリアル

2. タグの属性について詳しく解説

3.

htmlフォームの意味と使い方のまとめ4.

フォーム要素: さまざまなHTMLフォーム要素の取得方法と使い方の最も包括的なまとめ

以上がフォームの属性と機能の適用の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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