18日目。ボタンの設置&特定の値特価入力部品

プログラミング

buttonタグ

送信ボタン等。

divタグ配置してbuttonタグ。

buttonタグの中にテキスト。

input使う方法も。

↓ type属性をsubmit(サブミット)、value属性にbuttonのテキスト。

●<button>○○</button>

●<input type=”submit” value=”○○”>

buttonタグは画像なども含めることができる。

※HTMLは表示のみのため、ボタンを押した後の処理はJavascriptやPHPなどになる

 

入力部品に値をセット

空フォームではなく、最初からテキストをセットしておく方法。

input type=”text” をvalue属性で指定する。

属性と値の名前が同じ時は略してOK。

selectタグはoption属性。

disabled属性

ディスエイブルド。

入力部品の無効化ができる。

例)必須項目を入力したら選べるようになるボタン。

buttonタグにdisabledをつける。

特定の値特価入力部品

inputタグにtype属性 passwordで 入力項目を隠してくれる。

inputタグにtype属性 numberで 数量。

inputタグにtype属性 dateで 日付。カレンダーから選べる。

※numberとdateは ブラウザによって見え方や操作がちがうので注意!

コメント

タイトルとURLをコピーしました