12/2 フォーム

フォーム

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

formタグ

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

inputタグ

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

1.テキストフィールド(type=text)

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

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

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

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

選択肢から複数選ぶ場合

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

フォーム送信ボタン

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

入力をクリアするボタン

今日のひとこと

12/8 アニメgif

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

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

トゥイーン

フレームの反転

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

バナー作成

きょうのひとこと

ちょっとした動くGIFでも作るのが大変だった

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

positionプロパティ

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

position:absolute

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

top,bottom,left,right

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

position:relative

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

きょうのひとこと

覚えることが多くて大変…