InputのプロパティおよびHTML 5の新しいプロパティ

5257 ワード

最近はinputタグを使っているので、ついでに属性をまとめてみて、便利になったら見てみましょう
1.valueプロパティ:
入力フィールドの初期値の設定

2.readonly
入力フィールドを読み取り専用に設定(変更不可)

3.disabled
入力フィールドの設定は無効です(エレメントは編集不可、クリック不可、コミット不可)

4.size
入力フィールドのサイズを設定します(注意:文字で計算)

5.maxlength
フィールドの最大長を設定

6.accept(mime_type)
ファイルのアップロードによってコミットされるファイルのタイプを設定します.
7.alt(text)
画像入力の代替テキストの設定
8.align(left right top middle bottom)
画像入力の位置合わせを設定します(推奨されません)
9.checked(true false)
Input要素の最初のロードの選択状態を設定します
10.type
(button  checkbox  file  hidden  image  password  radio  reset  submit  text)
Input要素のタイプを設定する
 
 
HTML 5の新しい属性
1.autocomplete
入力フィールドが自動的に完了するかどうかを設定します(2つの値onとoff)

2.novalidate
コミットフォームデータの検証なしの設定

3.autofocus

设置input标签在页面加载时自动获得焦点


4.form
設定フィールドはHTMLフォームの外にあります(フォームに属します)


        place: 




5.formaction
フォームの発行時に入力コントロールを処理するファイルのURLを設定します(formラベルのactionプロパティが上書きされます)
type=「submit」およびtype=「image」に適用
               

6.formenctype
フォームデータ(form-data)をサーバに送信するときにどのようにエンコードするか(method=「post」のフォームに適用)を設定します.
type=「submit」およびtype=「image」に適用
               

7.formmethod
フォームデータ(form-data)をaction URlに送信するためのHTTPメソッド(formラベルのmethodプロパティが上書きされます)
type=「submit」およびtype=「image」に適用
               

8.formnovalidate
フォームのコミット時にinput要素を検証しない(novalidateプロパティを上書きする)ように設定します.プロパティ値はブール値です.
               

9.formtarget
フォームの発行後に受信した応答(formのtargetのプロパティを上書き)をどこに表示するかを示す所定の名前またはキーワードを設定します.
値:blank  _self  _parent  _top framename(_blank、新しいウィンドウにターゲットページを表示、_self、現在のウィンドウにターゲットページを表示、_parent、フレームページに現在のウィンドウ全体の位置にターゲットページを表示、_top、フレームページに上部ウィンドウにターゲットページを表示)
                       

10.heightとwidth
要素の幅を設定します(type=「image」のみ)
注意:常に画像のサイズを指定します.ブラウザで画像のサイズが不明な場合は、ページのロード時に画像が点滅します.
(altプロパティは、ネットワーク速度が遅すぎる、srcプロパティのエラー、ブラウザが画像を無効にしている、スクリーンリーダーを使用しているなど、ユーザーが何らかの理由で画像を表示できない場合に代替テキストを提供します.)

11.minとmax
要素の最大値と最小値を指定します.
入力タイプ:number/range/date/datetime/datetime-local/month/time/week
Enter a date before 1980-01-01:

        

Enter a date after 2000-01-01:

        

Quantity (between 1 and 5):

        

12.multiple
設定:inputラベルに1つ以上の値(ブール値)を入力できます.
適用する入力タイプ:emailとfile
(          )

13.pattern
Inputラベル値の正規表現を確認します(text、search、url、tel、email、passwordなどの入力タイプに適用されます).
グローバルなtitleプロパティを使用してモードを説明します(titleプロパティは要素に関する追加情報を規定します.これらの情報は通常、マウスを要素に移動するとツールヒントテキストが表示されます).

14.placeholder
入力フィールドの予想値を設定するヒント(サンプル値またはフォーマットに関する簡単な説明)
注:このプロンプトは、ユーザーが値を入力する前にフィールドに入力します(使用する入力タイプ:text/search/url/tel/email/password)

15.required
フォームを発行する前に入力フィールドを入力する必要があるように設定します.

16.step
Inputタグの合法的な数値間隔を設定します(step=“2”、合法的な数字は:-2 0 2 4など)
注意:stepはmaxとmin属性とともに使用でき、合法的な値の範囲を作成します.