スピーカ1：の検索を実装してみましょう エンジン又は、少なくとも、フロントエンドユーザー その検索エンジンのためのインターフェイス ユーザーはいくつかの用語を入力することができます して、世界中の検索 これらの用語のためのWeb。 これを達成するために、我々は、HTMLの「フォーム」を使用します タグだけでなく、いくつかの他。 ここでクイックジャンプでは、私はすでにしました 私たちが開くことによって開始され、得 いくつかのタグを閉じる。 だから今、ここで、この体の内側、みましょう まずCS50の見出しを定義する 一種のタイトルとして機能する検索 ページの本文に。 

「フォーム」タグを開き、レッツ、 先制、のはそれを閉じてみましょう、そうではない 後ですることを忘れない。 それでは、次に、その入力タグを定義してみましょう 名前は、クエリの "Q"であり、そのもの タイプが「テキスト」とすることにより、 ブラウザは、テキストフ​​ィールドとしてこれをレンダリングする ページ上。 それでは、このタグを閉じましょう。 それでは、下の改行を挿入してみましょう。 そして今度は、この1以上の入力を定義してみましょう 型が提出される時間、 だから、[送信]ボタンだし、その 値またはラベルがCS50の検索です。 

今、私たちは、このフォームを定義したが、我々だ ここでフォームに指定していません 提出してください。 それでは2以上の属性を追加してみましょう ここに、より正確には。 最初に、「形」タグで指定することができます それ自体、そのメソッドいることで、この フォームは、HTTP GETで提出してください。 との、そのアクションを指定するかしましょう このフォームの送信先は、次による https://www.google.com/search。 

今、私はURLが存在していることを知っているので、 私は自分の中でいくつかの時間のためにそれを見てきました ブラウザのアドレスバー。 だから私は、単純にユーザーを参照するつもりだ その検索結果のため、そのURL。 それでは、保存の権限を変更してみましょう 上、この段階を開きます。 「プラスのRクイックジャンプします。chmod。 " それではChromeを開きましょう。 http://localhost/search.html。 検索エンジンではないセクシーな、 しかし、それが動作するかどうかを見てみましょう。 そして、いくつかの猫があります。 

アドレスバーに比べて、しかし注意してください 私は期待と全くURLです、 少し何かを 最後にもっと。 私はここでズームインするとき、そのURLに気付く 私たちは期待とまったく同じですが、と 疑問符のQイコール 一番上の猫。 それはどこから来たのか？ 

私は、フォームを送信良く、そのため その名前だったQ入力を持っていた、私たちの ブラウザはそれを追加するためにそれ自体の上にそれを取った その後、疑問符とそれを置く パラメータ名 -  Q  -  続いて、等号 私の値である猫、バイ 私自身は、インチタイプさ より多くのそのようなパラメータがあった場合 URLの内部には、ブラウザだろう 単純に分離している アンパサンドによってそれら。 しかしこの場合、我々は持っている まさにそのようなペア。 そして、それはへの入力として提供され 多くのパラメータと同様にGoogleがある 入力が機能するために設けられている。 そしてGoogleは、その後にその入力を使用しています 何とかそのデータベースを検索し、 結果のページを表示します。