【HTML】INPUTタグの種類

本日はINPUTタグの種類をご紹介していこうと思います。

input typeの属性値を変更するだけで色々な形で出来上がってくるので簡単に作成できます。

INPUTタグも色々な種類があり、結構忘れるので一覧にしてみました。

それでは行ってみましょう！

INPUTの種類

submit

<input type=”submit”>

submitの概要

reset

<input type=”reset”>

resetの概要

button

<input type=”button” value=”戻る” onclick=”history.back()”>

buttonの概要

radio

<input type=”radio” name=”rad” value=”a” checked=”checked”> a
<input type=”radio” name=”rad” value=”b”> b
<input type=”radio” name=”rad” value=”c”> c

a
b
c

radioの概要

checkbox

<input type=”checkbox” name=”check” value=”a”> a
<input type=”checkbox” name=”check” value=”b”> b
<input type=”checkbox” name=”check” value=”c”> c

a
b
c

checkboxの概要

text

<input type=”text”>

textの概要

passward

<input type=”password”>

passwardの概要

hidden

<input type=”hidden”>

hiddenの概要

file

<input type=”file”>

fileの概要

まとめ

INPUTタグの種類がたくさんあるので是非この機会に習得してHTMLのスキルを磨いていきましょう(^^♪

以上です。