美味しいもの食べてダイエットするまでが1RM

「ご飯・運動・旅・JGC修行・金」2020年は集約するとこの5大要素です

MENU

お問い合わせフォームのレイアウト2

<input>,<textarea>

f:id:t0919k-1201y:20201112103726p:plain

f:id:t0919k-1201y:20201112103856g:plain

<input>

・1行のテキスト入力を受け取るための要素

・終了タグが不要

<textarea>

・複数行のテキスト入力を受け取るための要素

 

<input>を用いた送信ボタンの作成

type属性にsubmitを指定すると入力欄でなく送信ボタンになる

f:id:t0919k-1201y:20201112103948p:plain

 

value属性

ボタンに表示されるテキストを変更することも可能

f:id:t0919k-1201y:20201112104533p:plain

 

複数のセレクタに同じCSSを指定する

「,(コンマ)」で区切ることで同じCSSを適用することが可能

f:id:t0919k-1201y:20201112104711p:plain

f:id:t0919k-1201y:20201112104728p:plain

f:id:t0919k-1201y:20201112104738p:plain

 

演習メモ

index.html

<input>要素を追加してください

<input class="contact-submit" type="submit" value="送信">

※今回はよく意味が分かりません・・・

 

stylesheet.css

inputとtextareaのCSSを指定してください


input, textarea {
width: 400px;
margin-top: 10px;
margin-bottom: 30px;
padding: 20px;
font-size: 18px;
border: 1px solid #dee7ec;
}

 

contact-submitのCSSを指定してください


.contact-submit {
background-color: #dee7ec;
color: #889eab;
}

 

HTML&CSSコース終了したけど覚えられない・・・

width(幅)
margin-top
margin-bottom
padding
font-size
border(太さ): 1px solid(種類) #dee7ec;

background-color: #dee7ec;
color: #889eab;

 

プログラミングを勉強してるけどこれマジで大丈夫ですかってレベルで大丈夫なのか俺!!