jQueryのモバイルフォーム2024 年の最新の入門チュートリアル。このコースでは jQueryのモバイルフォームの構造,例,例,例,jQueryのモバイルフォームのアイコン,例,アイコンを追加するためのボタン:,フィールドコンテナ,例,例, について学習できます。
jQueryのモバイルは自動的に自動的に触ると、より優しい、それらをより魅力的に見えるように、HTMLフォームにスタイルを追加します。
jQueryのモバイルは、それらをより魅力的で使いやすくするために、スタイルのHTMLフォーム要素にCSSを使用しています。
jQueryのモバイルでは、次のフォームコントロールを使用することができます。
jQueryのモバイルフォームを使用している場合、あなたが知っている必要があります。
ラベルを非表示にするには、クラスのUI-隠され-アクセスを使用しています。 プレースホルダタグとして要素の属性である場合にこれが頻繁に使用されます。
ヒント:私たちは、データクリア-BTN = "trueを使用することができます」入力ボックス(入力ボックスの右側にあるXアイコン)の内容をクリアするためのボタンを追加するための属性を:
入力ボックスにクリアボタンの<input>要素は、<TEXTAREA>で使用されるのではなく、インチ 検索ボックスが表示され、アイコンを削除するために、データクリア-BTN = "false"に使用することができ、デフォルトの値が「真」であるデータクリア-BTN。 |
ボタンのコードは、標準的なHTMLの<input>要素であるフォーム(ボタン、リセット、提出)。 彼らは、自動的にデスクトップに自動的にモバイルデバイスを適応さ、スタイルをレンダリングします。
<input>ボタンで追加のスタイルを追加する必要がある場合は、次の表のデーターを使用することができます*属性:
プロパティ | 値 | 説明 |
---|---|---|
データ-コーナー | 真|偽 | ボタンは角を丸めているかどうかを指定します |
データアイコン | アイコンリファレンスマニュアル | 指定ボタンのアイコン |
データiconpos | 左|右|トップ|ボトム| notext | アイコンの場所を指定します |
データインライン | 真 |偽 | インラインボタンかどうかを指定します |
データミニ | 真 |偽 | ミニボタンかどうかを指定します |
データの影 | 真|偽 | ボタンは影の効果を追加するかどうかを指定します |
:ワイドスクリーンのためのより適切に見えるラベルとフォーム要素を作成するには、ラベル/フォーム要素を囲むいただくか、<フィールドセット>要素を用いて、「UI-フィールド-含ん」クラスの<div>使用されています
ラベルとフォームコントロールのスタイルを追加するには、ページの幅に基づいてクラスをUI-フィールドが含まれています。 ページの幅が480PXよりも大きい場合には、自動的に同じ行のラベルとフォームコントロールを配置します。 ページの幅が480PX未満である場合、ラベルは、上部フォーム要素上に配置されます。 |
ヒント:自動的にjQuery Mobileを防止するために、スタイルクリック可能な要素を追加し、使用データ-役割= "なし"属性:
フォーム送信でjQueryのモバイル jQueryのモバイルは、自動的にAJAXフォームの送信によって処理、および統合サーバは、アプリケーションのDOMに応答しよう。 |