HTML フォームの概要

不言
リリース: 2018-07-28 09:44:54
オリジナル
1268 人が閲覧しました

この記事の内容は HTML フォーム、テーブル、メディア要素の導入に関するものであり、十分な参考価値があるため、困っている友人に役立つことを願っています。

フォームタグ form:

//ユーザー情報を記録するリストに相当
よく使われる属性:method:フォーム送信メソッド、よく使われる値は2つあります
(1)post:セキュリティ送信メソッド 2 (2) 取得: 非セキュリティ送信メソッド
例: & lt; フォームメソッド = "post" & gt; & lt;/from & gt;
送信先のフォームを設定します。 Method = "Post" action ="送信されたページのアドレス">
フォームには、ユーザーがコンテンツを入力できるようにするために使用される form 要素の inout タグが含まれています
form 要素を記述する必要があることに注意してくださいフォームの外側ではなく、フォームタグの間です
よく使用されるフォーム要素:
(1) : テキストボックス、コンテンツを入力できます
フォーム要素では、デフォルト値の value 属性も設定できます。 value="123"
(2) : パスワード ボックス。入力内容は非表示になります。 name 属性は、名前を識別するために使用されます。 (3): 送信ボタン。クリックするとフォームが送信されます。フォーム要素は、入力ボックスの種類を決定するためにタイプによって設定されます。 (4) : リセット ボタンをクリックすると、フォームの入力ボックスが初期状態に戻ります
(5) (6) 複数のチェック ボックス、名前のグループ化を使用、複数の選択が可能です。送信するのは値です l ps: 単一選択されたボタンと複数選択されたボタンはデフォルトの選択を設定できます

(7) & lt; select name = "year" & gt; オプション値 = "1" & gt; リスト項目 1

リスト ボックスで、ドロップダウン ボックスからリスト アイテムを選択し、リスト アイテムの選択された属性を設定して、デフォルトの選択されたアイテムを設定します。

(8)画像ボタン
ボタンを画像のように見せます
(9)通常のボタン

効果のないボタン。将来的には非常に一般的になるでしょう

注: type 属性が設定されていない場合、デフォルトの type 属性は text
(10)< ;textarea rows="表示される行数"cols="表示される列数"/>テキスト ドメイン、複数行を表示することも、
(11) & lt; input type = "file"/ と入力することもできます。 & gt; ファイルのアップロード先を選択できます。
(12) フォームを送信する前に、正しいメール形式を入力する必要があります。エラーのプロンプト

(13)URL ボックスに、http://www.baidu.com などの完全な URL を入力する必要があります。
(14)数値ボックスには数字のみ入力可能です。
他の文字が入力されている場合はフォームを送信できません。
(15)スライダー、左右にスライドできます
(16)検索ボックス、ブラウザごとに異なるスタイルで表示されます
(17) 色を選択できます
(18) フォームのプライマリ検証: プレースホダー プロンプト コンテンツ、空でない判断が必要 < >//送信時にこの入力ボックスを空にすることはできません


高度なアプリケーションフォームの:
hiddenフィールド:&lt;入力タイプ= "hidden" name = "hid" value = ""/&gt;

======================== =============================================== でも、カーソルを合わせて選択することもできます

無効:
s 's ' t ‑ ‑ ‑ 対応するフォーム要素がフォーカスを取得し、マウスの使いやすさ
use using using use with use using using ‐ ‐ ‐ ‐ ‐ ‐ Chestnut:

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!