QRコードを表示

テキスト型

type="text" type="password" HTML5 MDN: type="email" HTML5 MDN: type="number" HTML5 type="search" HTML5 MDN: type="tel" HTML5 type="url"

テキスト型 - autocapitalize 属性

type="text" autocapitalize="none" type="text" autocapitalize="off" type="text" autocapitalize="on" type="text" autocapitalize="words" type="text" autocapitalize="characters"

テキスト型 - ime-mode

type="text" style="ime-mode: auto;" type="text" style="ime-mode: normal;" type="text" style="ime-mode: active;" type="text" style="ime-mode: inactive;" type="text" style="ime-mode: disabled;"

テキスト型 - pattern 属性

type="text" pattern="[0-9]*" type="text" pattern="\d*" type="text" pattern="[a-zA-Z]*" type="text" pattern="\w*"

テキスト型 - inputmode属性

type="text" inputmode="none" type="text" inputmode="text" (default) type="text" inputmode="decimal" type="text" inputmode="numeric" type="text" inputmode="tel" 通常は<input type="tel">を使用する type="text" inputmode="search" type="text" inputmode="email" 通常は<input type="email">を使用する type="text" inputmode="url" 通常は<input type="url">を使用する

テキスト型 - required属性

type="text" required

テキスト型 - placeholder属性

type="text" placeholder="入力してください"

テキスト型 - autocomplete属性

type="text" autocomplete="off" type="text" autocomplete="on" type="text" autocomplete="name" type="text" autocomplete="email" type="text" autocomplete="username"

テキスト型 - list属性, datalist要素

type="text" list="my-list"

数字キーボード制御系全部盛り（お試し）

type="number" pattern="[0-9]*" inputmode="numeric"

テキスト型 - ペースト禁止 HTMLElement.onpaste イベント: paste

type="text" onpaste="return false;"

テキスト型 - コピー禁止 element.oncopy element.oncut イベント: copy イベント: cut

type="text" oncopy="return false;" oncut="return false;"

日付・時間型

HTML5 type="date" HTML5 type="datetime-local" HTML5 type="month" HTML5 type="week" HTML5 type="time" type="datetime" 廃止されました。代わりに`<input type="datetime-local">`を使います

その他

type="button" type="checkbox" HTML5 type="color" type="file" type="image" type="radio" HTML5 type="range" type="reset" type="submit"