>> スピーカ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は、その後にその入力を使用しています 何とかそのデータベースを検索し、
結果のページを表示します。