導入

参考:

初めての HTML フォーム | MDN

input の初期値を設定する

参考:

value「初期値の指定」| CMAN インターネットサービス

placeholder

参考:

<input placeholder> | HTML5タグリファレンス

入力フォームに最初からテキストを表示させる簡単な方法 | 株式会社ジェイクール

placeholder の色を変える

参考:

How To Change Input Placeholder Color | W3Schools

placeholder の色を変える方法 – Qiita

placeholder の文字色を変更する | cly7796.net

placeholder 属性のテキストカラーを変更 – Qiita

ラベル

for 属性に input の ID を指定する

<label for="search_box">検索:</label>
<input type="text" id="search_box">

label タグで input 要素を囲む

<label><input type="checkbox" value="1">同意する</label>

参考:

部品とラベルを関連付ける | TAG index

<label> フォームの入力項目と項目名を関連付ける | ウェブランサー

label タグとは | コーディングのプロが作る HTML タグ辞典

accept-charset

  • UTF-8
  • Shift_JIS
  • EUC-JP
  • ISO-8859-1

参考:

accept-charset 属性 | HTML5 入門

jQuery で、FORM の accept-charset を動的に変更して UTF-8・EUC-JP・SHIFT_JIS に対して同時送信 | logical error

Form から charset の違うデータを送信する方法 | Microsoft TechNet

HTML form accept-charset Attribute | W3Schools

Setting the character encoding in form submit for Internet Explorer – Stack Overflow

キャレット

キャレットを消す

caret-color: transparent;

参考:

caret-color | MDN

caret-color でキャレットの色を変える | nlog

caret-color | development log

caret-color | Can I use… Support tables

CSS caret-color property | W3Schools

caret-color | CSS-Tricks

Hide blinking input cursor with CSS | CodePen

How to remove the caret from an input element – Stack Overflow

Hide textfield blinking cursor – Stack Overflow

required

参考:

<input required> | HTML5 タグリファレンス

フォームで入力必須であることを指定する input 要素の「required」属性を調べてみた | ツキミログ

フォームの必須入力項目を指定する | GRAYCODE HTML & CSS

Adding an asterisk to required fields in Bootstrap | Adeel’s Corner

adding asterisk to required fields in bootstrap 3? – Stack Overflow

パスワード入力欄

参考:

ペーストが禁止されている HTML フォームに無理やりペーストするワンライナー | TechRacho

タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です