HTML・CSS > フォーム(Form)

下位ページ

Content

テキスト入力

<INPUT type="text">

ボタン/Button

Javascriptを動かす

<INPUT type="button" value="表示させる文字列" onclick="hogefunction()" />

ボタンの見た目

jQueryでは、buttonも、inputでtypeをsubmitにしても、見た目は同じ。

button は(初期値が)submitのため、リロードが起こる

type属性を書き換えないとだめ。
https://www.out48.com/archives/2080/


ラジオボタン(radio)

<INPUT type="radio" value="???" name="###">
同じグループに属するラジオボタンはnameに同じ名称を設定する

チェックボックス (CheckBox)

<INPUT type="checkbox" onclick="hogefunction()" />

セレクトメニュー(SELECT)


<label for="entry_book">書籍:</label>
<select id="entry_book" name="entry_book">
<option value="js">JavaScript本格入門</option>
<option value="android">はじめてのAndroidアプリ</option>
<option value="rails">Rails 4プログラミング</option>
<option value="aspnet">独習ASP.NET</option>
</select>

label :
for : label と select の関連付け ← html
select :

関連項目

jQueryで、フォームの値を設定/取得する

最終更新:2019年05月05日 20:59