プログラミング学習 masa blog (pa○zaで就職できるのか!?)

masaです。 持病(アトピー)と格闘しながら、家事育児を行い 且つプログラミング学習をしつつ転職を夢見る一般男性。 主に、プログラミング学習、アトピー、育児について思ったことを自分のメモがわり書いていくつもりです。 恥ずかしいし頭悪いからあんまり見ないでね。

ただのアウトップ用 inputタグtexteareタグ(html/css)

ドットインストールにて

入力フォーム等のアウトップしていきます。

※間違えていたら教えていただけると幸いです。

 

<タグ名 属性名=””>

 

 

・入力フォーム(一行)

<input type="text"> *閉じタグ不要

 

・入力欄に初期で何か入れたい 下の場合だと (xxxが)入力されている、消せる

<input type="text" value="xxx">

 

・伏せれる ・・・

<input type="password">

 

・入力例を入れられる(入力時に消えてしまうのでlabel属性を使うほうがいいらしいが全然ありだと思う)

<input type="text" placeholder="taguchi">

 

・入力例を先頭に置いておく 「名前」をクリックすると入力できる <label>

<label for="name ">名前</label>

<input type="text" id="name">

もしくは省略形(さいしょからこれでええやn)

<label>名前 <input type="text"></label>

 

・複数行入力フォーム

<textare></textarea>*閉じタグ要

 

・複数行入力フォーム(初期値あり)

<textare>xxx</textarea>

 

・ドロップダウンリスト

 multipleで複数選択

 sizeで何行表示させるか選べる

 selectedで最初に表示しとくのを選べる

   <label for="color">好きな色</label>
    <select id="color">
        <option>色1</option>
        <option>色2</option>
        <option>色51</option>
        <option selected>色61</option>
        <option>色71</option>
    </select>