Return to Video

08-03 Hidden Inputs

  • 0:01 - 0:03
    OK、エディタに戻って機能を追加しましょう。
  • 0:03 - 0:07
    最初にtype="text"のinputを追加しました。
  • 0:07 - 0:10
    次はまだ説明していない、新しいinputタイプを追加します。
  • 0:10 - 0:13
    type="hidden"です。
  • 0:13 - 0:17
    これはフォームを送信する際、こっそり値を含めるために使われます。
  • 0:17 - 0:20
    ユーザには見えません。ユーザにフォームを送信してもらう際
  • 0:20 - 0:23
    ユーザが入力したよりも多くの情報が必要な場合が多々あります。
  • 0:23 - 0:26
    そこでtype="hidden"を使います。
  • 0:26 - 0:29
    nameに”food”を、valueに"eggs"をセットします。
  • 0:29 - 0:32
    ブラウザに戻ってブラウザをリフレッシュ
  • 0:32 - 0:36
    つまりリロードします。"steak"を再び入力して、
  • 0:36 - 0:40
    ここでまたクイズです。
  • 0:40 - 0:43
    このaddをクリックすると何が起きるでしょうか。
  • 0:43 - 0:45
    hidden属性がセットされたinputをクリックすると
  • 0:45 - 0:48
    何が起きるでしょうか。
  • 0:48 - 0:51
    一つ、入力した値がURLに現れる。
  • 0:51 - 0:55
    二つ、入力した値とハードコードした値パラメータが現れる。
  • 0:55 - 0:57
    ここでいうハードコードした値とはこれのことです。
  • 0:57 - 1:01
    コードのこの部分の"eggs"です。
  • 1:01 - 1:05
    三つ、エラーになる。
タイトル:
08-03 Hidden Inputs
概説:

more » « less
Video Language:
English
Team:
Udacity
プロジェクト:
CS253 - Web Development
Duration:
01:07
政裕 大窪 edited 日本語 subtitles for 08-03 Hidden Inputs
政裕 大窪 edited 日本語 subtitles for 08-03 Hidden Inputs

Japanese subtitles

改訂 Compare revisions