Japanese subtitles

← PS 05-26 Passwords

dummy description

Get Embed Code
4 Languages

Showing Revision 1 created 03/11/2014 by Fran Ontanaya.

  1. テキストエディタでHTMLを編集します
  2. これは前に使用したHTMLファイルです
  3. この方式で新しいform要素を
  4. 学んでいきましょう
  5. まずaction属性の値を削除します
  6. これによりフォームに入力した文字列は
  7. 送信するとqの値としてURLに表示されます
  8. Webアプリを使うよりこの方法で
  9. お見せする方が分かりやすく簡単になります
  10. ではブラウザで確認してみましょう
  11. ページの更新をします
  12. some junkと入力すると
  13. オートコンプリートしてくれます
  14. 送信をクリックします
  15. そして言葉がURLに表示されます
  16. q=some+junk
  17. ではエディタに戻ります
  18. エディタを開いてください
  19. type属性について説明をしましょう
  20. typeと入れてみてください
  21. type="text"
  22. これはinput値のデフォルト設定です
  23. これについて詳しい説明を
  24. する気はありませんでした
  25. しかし現実の世界ではtypeの指定は
    よくあることです
  26. いくつか種類をお見せします
  27. type="text"と入力すると
    ブラウザの表示は変わりません
  28. type属性に別の値を指定しましょう
  29. textと入れる代わりに
  30. passwordと入れてください
  31. このtypeはパスワードを入力する際に使用します
  32. ブラウザで確認しましょう
  33. この入力欄にテキストを入れてみます
  34. 文字はドットで表されます
  35. ではここで小テストです
  36. この状態で送信するとどうなるか
  37. まずはご自分のPCでお試しください