アーシの毎日インプット

毎日1つ以上学習する。学習した内容を公開する。を目標に自分のスキルアップを目指します。

【HTML】テキストボックスの種類

スポンサードリンク

最近ちょこちょこHTMLやJavaScriptに触っています。 

 

今回はHTMLで作るテキストボックスに、あらかじめ値を入れたりする方法を学んだため、紹介します。

 

■普通のテキストボックス

値を入れることができます。

 

■未入力の時に文字が見えるテキストボックス

あらかじめ値が入っているように見えますが、文字を入力すると消えます。

 

■値が入ったテキストボックス

あらかじめ値が入っていて、それに加筆が可能なです。

 

 

■普通のテキストボックスの作り方

<input type="text" />

 

■未入力の時に文字が見えるテキストボックスの作り方

<input type="text" placeholder="ここに入力" />

 

■値が入ったテキストボックスの作り方

<input type="text" value="値が入っている" />

 

 

同じテキストボックスでも、あらかじめ値を入れたりすることで少し違って見えてくるため、今後テキストボックスを作る機会があれば活用していきたいです。

【アーシの原点】

【頭を鍛える迷路集】


スポンサードリンク