HTML入門 #16 ファイルをアップロードする

今日やったこと

やったこと・わかったこと

ファイルのアップロードするときのやつ。

  • form
    • おやくそくとして、form タグの属性に enctype="multipart/form-data" をつける
    • input
      • type="file"

わからなかったり気になったこと

  • とくにない。

HTML入門 #15 選択肢のリスト

今日やったこと

やったこと・わかったこと

  • form
    • select
      • これも name 属性つける
      • size 属性 (指定の数値で表示列数を指定)
      • multiple 属性 (複数の選択肢を同時に選べる)
      • option タグ
        • value 属性
        • selected (初期値)

わからなかったり気になったこと

  • とくにないが、multiple なインタフェースがうまく使われてるのをあまり見たことがない。

HTML入門 #14 ラジオボタンを設置する

今日やったこと

やったこと・わかったこと

ラジオボタンは複数の選択肢のなかからひとつだけしか選べない。チェックボックスは、複数の選択肢のなかから、同時に複数のものを選べた。

用途にあわせてチェックボックスとラジオボタンを使いわける。

わかraなかったり気になったこと

とくにない。

HTML入門 #13 チェックボックスを設置する

今日やったこと

やったこと・わかったこと

  • form
    • input
      • type="checkbox" チェックボックス 複数の値をチェックできる
      • value: 1 とか 2 とか
      • checked: 初期値
<input type="checkbox" name="mobile" value="1" checked> iPhone
<input type="checkbox" name="mobile" value="2"> Andoroid
<input type="checkbox" name="mobile" value="3"> その他

こういうフォームのとき、action に送られるパラメータは、以下のようなものが送られるようす。

mobile=1&mobile=2&mobile=3

わからなかったり気になったこと

  • 手をうごかしてても、ちょっとむずかしいかなと思った。

HTML入門 #12 パスワードの入力

今日やったこと

やったこと・わかったこと

  • form
    • input
      • type="password"
      • 属性は昨日やった input と同じのがつかえる(value でデフォルトの値を入れておくこともできる)
      • 入力内容は隠された状態になる

わかなかったり気になったこと

  • とくになし

HTML入門 #11 テキストの入力

今日やったこと

やったこと・わかったこと

  • input タグ
    • type 属性に "text"
      • 1行の
    • name 属性
      • どのデータがどの名前か(このフォームのデータは何のデータなのかを識別する)
      • name="memo" などという名前をつけて、form の action 属性で指定したところへ送信される
    • size 属性
      • 表示上のサイズ
    • maxlength 属性
      • 入力の最大数
    • value 属性
      • 初期値
  • textarea タグ
    • 複数行の。
    • rows サイズ行
    • cols サイズ列
    • 初期値は <textarea>ここに書く</textarea>

わかなかったり気になったこと

けっこうむずかしいところだと思うが、ちょっとはやあしだった感じがあった。

HTML入門 #10 フォームを設置する

今日やったこと

やったこと・わかったこと

  • form
    • action (属性)
      • このフォームで入力された内容がどこにおくられるか
    • method (属性)
      • get と post (くわしくはいずれわかっていく)
    • input (部品)

わかなかったり気になったこと

  • まだ導入部分なのでない。