HTML 5 inputプロパティ

5408 ワード

1.valueプロパティ
value属性は入力フィールドの初期値を規定する
2.readonly属性
readonlyプロパティでは、入力フィールドが読み取り専用であることが規定されています.
3.disabledプロパティ
disabledプロパティでは、入力フィールドが無効になっています.
無効な要素は使用できません.クリックできません.
無効な要素はコミットされません.
disabledプロパティには値は必要ありません.これはdisabled=「disabled」に等しい.
4.size属性
sizeプロパティは、入力フィールドのサイズ(文字)を指定します.
5.maxlengthプロパティ
maxlengthプロパティは、入力フィールドで許可される最大長を規定します.
maxlengthプロパティを設定すると、入力コントロールは許容数を超える文字を受け入れません.
このプロパティにはフィードバックはありません.ユーザーに注意する必要がある場合は、JavaScriptコードを記述する必要があります.
**コメント:**入力制限は万全ではありません.JavaScriptは、不正な入力を増やすための多くの方法を提供しています.入力を安全に制限する必要がある場合は、受信者(サーバ)が同時に制限をチェックする必要があります.
以下はHTML 5の新規属性です
6.autocompleteプロパティ
多くのブラウザは、ユーザが入力を完了するのを補助する自動完了機能を備えており、この機能をオンにすると、ユーザが次に同じ内容を入力と、ブラウザは自動的にコンテンツの入力を完了する.
HTML 5の新しいautocomplete属性は、text search URL telephone email password datepickers rangeおよびcolorを含むinputタイプの入力ボックスで自動的にコンテンツ入力を完了するのに役立つ.ただし、autocompleteプロパティを機能させるには、ブラウザ自体の自動完了機能を最初に有効にする必要があるブラウザもあります.
Autocompleteプロパティはラベルにも適用され、デフォルトではフォームのautocompleteプロパティは開いており、入力タイプはフォームのautocompleteステータスを継承する.ユーザは、フォームのいずれかの入力タイプのautocompleteの状態を単独で開く状態に設定することもでき、自動完了をよりよく実現することができる.
Autocompleteプロパティには2つの値があります:on off
<input type="email" name="email" autocomplete="off">

7.autofocusプロパティ
Autofocusプロパティを使用すると、ページのロード時にフォームスペースが自動的にフォーカスされます.これらのコントロールは、テキスト・ボックスのチェック・ボックスのラジオ・ボタンの一般的なボタンなど、すべてのラベルのタイプです.
注意:同じページに1つのautofocus属性しか指定できないので、慎重に使用する必要があります.現在のページのフォームコントロールが多い場合は、検索ページの検索テキストボックスや、一部の許可に同意する「同意」ボタンなど、最もフォーカスが必要なコントロールを選択して使用することをお勧めします.
8.form属性
form属性は、フォーム内の要素からページ内の任意の位置をアンインストールし、その要素にform属性を指定する、その属性値がフォームのidであることを指定するだけでよい.これにより、そのフォーム要素が指定するフォームに属することが規定され、また、form属性は、1つのフォーム要素が複数のフォームに属することを規定することもできる.formプロパティはすべてのinput入力タイプに適用され、使用時には所属フォームのidを参照する必要があります.
1つのformプロパティが2つ以上のフォームを参照する場合は、スペースを使用してフォームのidを分離する必要があります.
<input type="text" name="address1" form="form1 form2 form3">

9.フォーム書き換え属性
HTML 5には、form要素の一部の属性設定を書き換えるための複数のフォーム書き換え属性が追加されました.
formaction:       action  
formenctype:  enctype  
formmethod:  method  
formnovalidate:  novalidate  
formtarget:  target  
#  :              input    ,    submit image    

10.heightおよびwidthプロパティ
heightとwidthの属性は、imageタイプのinputラベルの画像の高さと幅を設定ために使用する、この2つの属性はimageタイプのラベルにのみ適用される.
11.list属性
HTML 5にはdatalist要素が追加され、データリストのドロップダウン効果を実現することができ、その外観はautocompleteに似ており、ユーザーはリストから選択することも入力することもできる.list属性は、入力ボックスがバインドするどのdatalist要素の値がdatalistのidであるかを指定するために使用される.
list       input    :
text search url telephone email date pickers number range color

12.min max step属性
HTML 5には、数値または日付を含むinput入力タイプに制限値を設定するmin maxおよびstep属性が追加され、date pickers、number、rangeラベルに適用する数値の制約がこれらのタイプの入力ボックスに付加される.
max:            
min:            
step:             ,    .

13.multiple属性
HTML 5以前は、input入力タイプのfileタイプは単一のファイルを選択するアップロードのみをサポートしていたが、新規のmultiple属性は複数のファイルを一度に選択することをサポートし、この属性は同様に新規のemailタイプをサポートする.この特性は開発者に極めて便利を提供したに違いない.HTML 5が複数のファイルを単独で開発して選択し、提出する必要がないコントロールがあるからだ.
14.pattern属性
patternプロパティは、inputタイプ入力ボックスでユーザーが入力した内容がカスタム正規表現と一致するかどうかを検証するために使用されます.このプロパティは、text search URL telephone email passwordラベルに適用されます.
文字列を処理するプログラムやウェブページのコードでは、複雑なルールに合致する文字列を検索または入力するためのコードがよく用いられるが、正規表現は、ある構文ルールに合致する一連のコードを記述するために正式に用いられる.1つの正規表現は通常1つのモードと呼ばれる.
patternプロパティでは、正規表現をカスタマイズできますが、ユーザーの入力は正規表現で指定するルールに合致する必要があります.pattern属性中の正規表現は発育JavaScript中の正規表現文法と一致する.
15.placeholderプロパティ
placeholderプロパティは、inputタイプの入力ボックスに、入力ボックスがユーザにどのような内容を入力ことを期待するかを記述し、入力ボックスが空の場合に表示するが、入力ボックスが焦点を当てると消えるヒントを提供するために使用される.placeholderプロパティは、text search URL telephone email passwordのタイプのinputラベルに適用されます.
16.required属性
新しいrequiredプロパティは、入力ボックスの入力内容を空にすることはできません.そうしないと、ユーザーがフォームをコミットすることはできません.この属性は、text search URL telephone email password date pickers number checkbox radio file.