<input>,<textarea>
<input>
・1行のテキスト入力を受け取るための要素
・終了タグが不要
<textarea>
・複数行のテキスト入力を受け取るための要素
<input>を用いた送信ボタンの作成
type属性にsubmitを指定すると入力欄でなく送信ボタンになる
value属性
ボタンに表示されるテキストを変更することも可能
複数のセレクタに同じCSSを指定する
「,(コンマ)」で区切ることで同じCSSを適用することが可能
演習メモ
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;
プログラミングを勉強してるけどこれマジで大丈夫ですかってレベルで大丈夫なのか俺!!
コメント