フォーム [HTML/CSS]

導入

参考：

初めての 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