12月の授業日記

12/2フォーム

12/2 フォーム

フォーム

ブラウザに送信用パーツがあらかじめパーツが内蔵されていてhtmlで呼び出せる

formタグ

フォームのパーツはこのタグ内に入れないと機能しない

inputタグ

ほとんどのパーツがtype属性を変えるだけで選べる

1.テキストfi-rudo(type=text)

2.パスワードフィールド(type=passward)

3.ラジオボタン(type=radio)

選択肢から択一で選ぶ場合

4.チェックボックス(type=checkbox)

選択肢から複数えらぶ場合

5.送信ボタン(type=submit)

フォーム送信ボタン

6.リセットボタン(type=seset)

入力をクリアするボタン

きょうのひとこと

12/8 アニメgif

gifでは フレームを切り替えてアニメーションを作成できる

PSではウィンドー>タイムライン

トゥイーン

フレーム間の差異を自動で作ってくれる機能

フレームの反転

フレームをペーストしフレームの入れ替えで反転させればループにできる

12/15 絶対配置によるレイアウト

positionプロバティ

他のボックスに重ねて自由に配置できる

position:absolute

レイヤー状になり自由配置できる

top;bottom;left;right

基準位置からの位置指定
絶対配置サンプル

position:relative

基準にしたいboxを決め、この中に子要素として指定する

12/15 絶対配置によるレイアウト

position プロバディ

他のボックスに重ねて自由に配置できる

position:absolute

レイヤー状になり自由配置できる

top,bottom,left,right

基準値からの位置指定
絶対配置サンプル