大丈夫。
次のいくつかのビデオでは、すべてのフォームに各チームに焦点を当てます。フォームは、ユーザーからの入力を取得する方法です。写真にコメントするページにサインアップして写真をアップロードして、選択する色を選択します。デート。
フォームとは非常に多くの異なることがあり、実際には比較的単純であり、彼を卒業しました。
私たちがここで学ぶ2つの重要な要素があります。
フォームタグに焦点を当てて、入力タグのラベルタグに注目し、データの検証について学習することで仕上げる予定です。改革の一環として誰かがどのように書き込まれるかを確認するにはどうすればよいでしょうか。
誰かが私たちのパスワードを空白にしたり、空白にしたりすることはできません。
ですから、あなたは日常生活の中で遭遇するいくつかのフォームを簡単に調査しましょう。
だから私はTwitter FacebookのGoogleのようなサイトからいくつかの画像を持っている。
見て、これらのいくつかを壊しましょう。
Facebookのログインフォームです
テキストにテキストを入力し、パスワードを入力する別の入力を置く場所があります。
ほとんどの場合、パスワードを入力すると、パスワードが実際に表示されないように点線で表示されます。
チェックボックスをオンにします。
このボタンをクリックすると、この全体を送信します。
それで、これらをまとめてグループ化します。
チェックボックスには、パスワード用のボタンの1つの電子メール用ボタンが1つありません。
それはすべて一度に行きます。
サインアップするときも同じです。
より多くの入力が5つの異なるテキスト入力に3つの異なるドロップダウンメニューを持っています。
これらは選択タグと呼ばれ、次にラジオボタンと呼ばれるものが2つあります。
そして、ついにサインアップボタンを押して、これをすべて取って、どこかでFacebookに送って使ってもらう。
だから私たちが今日学ぶことは外国のタグであり、これらのフォームはちょっとばかげているだろう。
彼らは実際に何もするつもりはない。
実際にバックエンドを設定する必要があります。
フォームに何かをするには、ロジックとバックエンドコードが必要なデータベースが必要です。
だから、今のところ、彼らはこれを再現できるように見えるだろう。
しかし、サインアップをクリックするか、ログインをクリックするかgoogleで検索すると、私たちのフォーラムは実際にそのロジックを実行します。
彼らは物事の一部に直面するフロントエンドユーザーになるだろう。
最初のことはforumタグです
したがって、forumタグは、基本的には、これらの異なるタイプの入力すべてのシェルまたはコンテナです。
だから、これはこのすべての周りのフォーラムタグです。
これは、これらのすべての周りの1つのフォームタグなどである可能性があります。
ここに別のフォームタグがあります。フォーラムタグを作成するだけで、実際にページに何も表示されません。
それはほんの一瞬でわかります。
基本的にそれは単なるコンテナであり、私たちはすべての異なる入力をそこに置きます。
チェックボックスやボタン、ドロップしたメニューやカラーの写真は、すべて卵の中に入ります。
したがって、私たちがバックエンドになるときに、これともう少し時間を費やすという2つの重要な属性があります。
ですから、フォームがフォームのどこかのサーバーにデータを送信する要求をどこかで送信することになります。
したがって、最初の部分のアクションは、データの送信先を指定することです。
それはGoogleに行くのだろうか。
彼はサインアップしようとしているのですか？私たちはこのクラスのバックエンドのセクションで、実際にそれをどうやって行うのかについてもっと学びます。
次に、2番目の部分は、どのタイプのHSDPAリクエストを送信するかです。
だから私たちはリクエストを送信するか、投稿要求を送信することができます。
そしてもう一度これは我々がもっと多くの時間を費やすつもりです。
しかし単純化された一般化されたバージョンでは、情報を取得しようとしているデータの検索や取得のような処理をしているときにリクエストを行い、データベースに追加したいデータを送信するときにポストリクエストを送信しますサーバーに送信します。
だから、ここの例では、Googleで検索するときにEnterキーを押すか、クリックして検索してリクエストします。
実際にはデータベースに何も追加していません。
何も変わっていない。
純粋にデータを検索するだけです。
データを取得するのは取得リクエストです。
FacebookやTwitterにサインアップするにはこちら。
データを入力してサインアップをクリックすると、データが取り込まれ、実際にTwitterのデータベースに追加されます。
だから、やはりこのクラスでかなり後で実際に作業します。
ですから、今は行動と方法、そしてそれらが存在するという事実に精通していてください。
したがって、入力タグは実際にフォームの内部に入るものです。
ここではさまざまな入力を作成する予定ですが、ここではテキスト入力のパスワード入力ラジオボタンです。
実際にはドロップダウンメニューは作成されません。
それでは、後の演習でこれについて説明しますが、ユーザー入力のためのさまざまな入力を作成します。
だから私はここにいくつかの例があります。
これらは、このタイプの属性を除いてまったく同じです。
したがって、型がテキストと等しい場合、テキストボックス型は日付と等しくなります。
この小さな日付ピッカータイプは色と同じです。
カラーピッカーのエッフェルファイルを取得すると、ファイルピッカータイプのピクルのチェックボックスが表示されます。
チェックボックスが表示されます。
だから私は実際にエンディアンを引き上げて入力を探します。
そして私がそうすると、タイプの下にある属性にスクロールするときに、指定できるすべてのタイプのリストがあります。
そして、ここには約30か40のものがあります。
そして正直言ってここにはあなたがおそらく決して使う必要がないことがたくさんあります。
しかし、あなたはいつも使っているものがいくつかあります。
そして、私たちは本当にそれらに焦点を当てるつもりです。
それらはテキストメールのパスワードの日付ボタンのようなもので、色のような他のもののいくつかを送信します。
非常に頻繁に使用することはできません。
間違いなく私たちはカラー写真を撮る機会が増えたことを願っています。
それは私の入力が大好きですが、ここにはたくさんの選択肢があることを知りたがっています。
フォームを作成するにはフォームタグを取り、いくつかの入力タグを入力します。
ここには本当に簡単な例があります。
我々は2つの入力を有する。
テキスト型のPickleのパスワードと等しく、ここではこの素晴らしい形になります。
そして、この最初の型を記入すると、通常のテキストのように見えるテキストに等しくなります。
そして、タイプがパスワードに等しいと記入すると、それは隠されたパスワードフィールドを点いたものになります。