1
00:00:00,000 --> 00:00:00,430

2
00:00:00,430 --> 00:00:03,260
>> スピーカ1：の検索を実装してみましょう
エンジン又は、少なくとも、フロントエンドユーザー

3
00:00:03,260 --> 00:00:06,590
その検索エンジンのためのインターフェイス
ユーザーはいくつかの用語を入力することができます

4
00:00:06,590 --> 00:00:09,370
して、世界中の検索
これらの用語のためのWeb。

5
00:00:09,370 --> 00:00:13,690
これを達成するために、我々は、HTMLの「フォーム」を使用します
タグだけでなく、いくつかの他。

6
00:00:13,690 --> 00:00:17,140
ここでクイックジャンプでは、私はすでにしました
私たちが開くことによって開始され、得

7
00:00:17,140 --> 00:00:18,500
いくつかのタグを閉じる。

8
00:00:18,500 --> 00:00:22,570
だから今、ここで、この体の内側、みましょう
まずCS50の見出しを定義する

9
00:00:22,570 --> 00:00:26,460
一種のタイトルとして機能する検索
ページの本文に。

10
00:00:26,460 --> 00:00:30,660
>> 「フォーム」タグを開き、レッツ、
先制、のはそれを閉じてみましょう、そうではない

11
00:00:30,660 --> 00:00:31,930
後ですることを忘れない。

12
00:00:31,930 --> 00:00:37,450
それでは、次に、その入力タグを定義してみましょう
名前は、クエリの "Q"であり、そのもの

13
00:00:37,450 --> 00:00:40,810
タイプが「テキスト」とすることにより、
ブラウザは、テキストフ​​ィールドとしてこれをレンダリングする

14
00:00:40,810 --> 00:00:41,840
ページ上。

15
00:00:41,840 --> 00:00:43,720
それでは、このタグを閉じましょう。

16
00:00:43,720 --> 00:00:46,480
それでは、下の改行を挿入してみましょう。

17
00:00:46,480 --> 00:00:50,870
そして今度は、この1以上の入力を定義してみましょう
型が提出される時間、

18
00:00:50,870 --> 00:00:56,640
だから、[送信]ボタンだし、その
値またはラベルがCS50の検索です。

19
00:00:56,640 --> 00:00:59,930
>> 今、私たちは、このフォームを定義したが、我々だ
ここでフォームに指定していません

20
00:00:59,930 --> 00:01:01,120
提出してください。

21
00:01:01,120 --> 00:01:04,480
それでは2以上の属性を追加してみましょう
ここに、より正確には。

22
00:01:04,480 --> 00:01:09,410
最初に、「形」タグで指定することができます
それ自体、そのメソッドいることで、この

23
00:01:09,410 --> 00:01:12,620
フォームは、HTTP GETで提出してください。

24
00:01:12,620 --> 00:01:16,150
との、そのアクションを指定するかしましょう
このフォームの送信先は、次による

25
00:01:16,150 --> 00:01:22,540
https://www.google.com/search。

26
00:01:22,540 --> 00:01:25,690
>> 今、私はURLが存在していることを知っているので、
私は自分の中でいくつかの時間のためにそれを見てきました

27
00:01:25,690 --> 00:01:27,080
ブラウザのアドレスバー。

28
00:01:27,080 --> 00:01:32,020
だから私は、単純にユーザーを参照するつもりだ
その検索結果のため、そのURL。

29
00:01:32,020 --> 00:01:35,380
それでは、保存の権限を変更してみましょう
上、この段階を開きます。

30
00:01:35,380 --> 00:01:41,090
「プラスのRクイックジャンプします。chmod。 "
それではChromeを開きましょう。

31
00:01:41,090 --> 00:01:46,770
http://localhost/search.html。

32
00:01:46,770 --> 00:01:49,345
検索エンジンではないセクシーな、
しかし、それが動作するかどうかを見てみましょう。

33
00:01:49,345 --> 00:01:51,920

34
00:01:51,920 --> 00:01:53,240
そして、いくつかの猫があります。

35
00:01:53,240 --> 00:01:57,140
>> アドレスバーに比べて、しかし注意してください
私は期待と全くURLです、

36
00:01:57,140 --> 00:01:58,910
少し何かを
最後にもっと。

37
00:01:58,910 --> 00:02:04,260
私はここでズームインするとき、そのURLに気付く
私たちは期待とまったく同じですが、と

38
00:02:04,260 --> 00:02:07,260
疑問符のQイコール
一番上の猫。

39
00:02:07,260 --> 00:02:08,729
それはどこから来たのか？

40
00:02:08,729 --> 00:02:12,880
>> 私は、フォームを送信良く、そのため
その名前だったQ入力を持っていた、私たちの

41
00:02:12,880 --> 00:02:16,300
ブラウザはそれを追加するためにそれ自体の上にそれを取った
その後、疑問符とそれを置く

42
00:02:16,300 --> 00:02:17,820
パラメータ名 -  Q  - 

43
00:02:17,820 --> 00:02:21,130
続いて、等号
私の値である猫、バイ

44
00:02:21,130 --> 00:02:22,550
私自身は、インチタイプさ

45
00:02:22,550 --> 00:02:26,130
より多くのそのようなパラメータがあった場合
URLの内部には、ブラウザだろう

46
00:02:26,130 --> 00:02:28,500
単純に分離している
アンパサンドによってそれら。

47
00:02:28,500 --> 00:02:30,790
しかしこの場合、我々は持っている
まさにそのようなペア。

48
00:02:30,790 --> 00:02:35,040
そして、それはへの入力として提供され
多くのパラメータと同様にGoogleがある

49
00:02:35,040 --> 00:02:37,000
入力が機能するために設けられている。

50
00:02:37,000 --> 00:02:40,600
そしてGoogleは、その後にその入力を使用しています
何とかそのデータベースを検索し、

51
00:02:40,600 --> 00:02:42,180
結果のページを表示します。

52
00:02:42,180 --> 00:02:43,755