プログラミング

【プログラミング独学】HTML&CSS 22日目、お問い合わせフォーム

プログラミング学習(HTML&CSS)をProgateで学習した内容を記録したものです

 

Progateでの学習と自分でリサーチしてわかったことをメモしています

 

今回はProgate演習22をやりました

 

 

お問い合わせフォーム

<input>

<textarea></textarea>

インプットとテキストエリアを使う

 

<input>は1行の入力フォーム

<textarea>は複数行の入力フォーム

  

<input>は終了タグが要らない

 

記述例 (html)

<form>

<p>input要素</p>

<input>

<p>textarea要素</p>

<textarea> </textarea>

</form>

 

送信ボタンの作成

お問い合わせフォームの時と同じく<input>要素を使う

 

<input>要素にはtype属性を指定することができる

 

type属性にsubmitを指定すると送信ボタンが作成される

 

記述例 html

<input type=”submit”>

  

value属性

value属性に任意の値を入力することで送信ボタンのテキストを変えることができる

 

記述例 html

<input type=”submit” value=”保存”>

デフォルトだと送信ボタンになるがvalue属性で”保存”と指定したことで表示のテキストが保存になる

 

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

cssの記述で<input>と<textarea>に同じCSSを適用できる

 

記述例

input, textarea {

border: 3px solid #ff0000;

}

<input>と<textarea>を半角コンマ,で区切ることで同じCSSを指定できる

 

まとめ

ついに初級編、最後のレッスンが終了しましたo(^▽^)o

 

長かった・・・

 

Progateは2021年3月15日に初めて4月26日に初級編が終わりました

 

朝早起きしてブログも書きつつ勉強の時間も確保して、となかなかしんどかったですが何とかやり切りました

 

この勢いで中級に進もうと思います

 

中級からは有料コンテンツになるので、今までのように記事にはできないので、ノートにメモを取りながら頑張っていきます

 

Progate初級編の勉強内容のアウトプットは、ブログ100記事書くという目標の数稼ぎにかなり貢献してくれました(おいw

 

とにかく今後も継続して勉強していきます。

 

学習おわり

ブログランキングに参加中です。

応援よろしくお願いします。

ブログランキング・にほんブログ村へにほんブログ村

人気ブログランキング

書いた人
 
33歳2児のパパ
長野の会社員です

趣味はテニス、ゲーム、漫画
アニメ、カラオケ、ネットなど

ブログ内容は育児、趣味、雑学、雑記

ブログネタなどを発信中


詳しいプロフィールはこちら


話が合いそうと思ったら
気軽にフォローお願いします



COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA