2017初めて子供が生まれました。初めての子供なので毎日楽しいのですがわからない事もいっぱいあります。 子育てを経験されたかたなどからのコメントお待ちしております。 また、これから出産される方などに少しでもお手伝いできたらと思っています。

パパが娘にできること

初めての子供で子供のために何ができるか挑戦中

問合せファーム(2)

問合せファーム(2)

 

 

今日もHTMLの基礎をします。

これは私自身の頭の中の整理のために記載しております。

間違えや表現が違う可能性があります。

間違えや表現が違う場合は教えて頂けると嬉しく思います。

 

 

  1. 入力欄の作成

 

 

CSSを使用するときはHTMLファイルとは別にCSSファイルが必要です。

 

 

入力欄の作成

 

入力欄の作成には、inputかtextareaを使用します。

inputは1行のみ記載することができます。

textareaは複数行記載することができます。

inputの記載方法は以下の通りです。

<input>

※終了タグは必要ありません。

 

textareaの記載方法は以下の通りです。

<textarea></textarea>

</textarea>の終了タグは必要です。

 

送信ボタンにもinputは使用できます。

inputでタイプ属しを”submit”を指定することにより

送信ボタンを作成することができます。

記載方法は以下の通りです。

<input type="submit">

 

日本語のブラウザだと自動的に”送信”と表示されます。

送信のボタン名を変更したい場合は、”value”を使用すれば

変更することは可能です。

記載方法は、以下の通りです。

<input type="submit" value="送信します!">

 

CSSファイルで複数のセレクタに同じCSSを指定します。

 

HTMLファイル

<form>

<p>input要素</p>

<input>

<p>textarea要素</p>

<textarea></textarea>

</form>

 

CSSファイル

input,textarea{

border:3px solid #ff0000;

 

 

 

 

 

 

毎日少しづつ頑張ろう!!