HTML5フォームの新しい属性の詳細な説明

H5では、フォームをページ上のどこにでも配置でき、フォーム属性が属性値のIDです。

 <form id = testform> <入力タイプ=テキスト> </form> <textarea form = testform> </textarea>

H4では、フォームの提出の形式

<form action = 1.jsp> </form>

フォーム全体を送信します

H5では、フォームの各属性に送信されたJSPページを追加できます

<form action = 1.jsp> <入力タイプ=アクションを送信= 1-1.jsp> 1ページに送信</form> <入力タイプ=アクションを送信= 1-2.jsp> 2ページに送信</form> <入力タイプ=アクションを送信= 1-3.jsp> 3ページに送信</form> </form>

フォームの各要素の送信方法を指定できます

<form action = 1.jsp> <入力タイプ=送信アクション= 1-1.jsp formmethod = post> 1ページ、投稿送信方法</form> <入力タイプ= 1-2.jsp formmethod = get> submit 2ページまで、送信方法を取得</form> </form>

上記と同じ、役割とすべての要素、コードはわずかに

上記と同じ、役割とすべての要素、コードはわずかに

テキストボックス、選択ボックス、ボタン制御にオートフォーカス属性を追加すると、画面が開いたときにフォーカスが自動的に取得されます。

 <入力タイプ=テキストアクション= 1-3.jspオートフォーカス> 3ページに送信</form>

AutoFocusプロパティを備えたページには、乱用できないコントロールは1つだけです

ほとんどの入力要素で使用できます。

フォームのすべての要素にlabls属性を追加できます。属性値は、要素に結合したラベル要素のコレクションを表すノデリストオブジェクトです。

 <script = text/javascript> window.onload（）{var text.getelementbyid（ 'text'）; '）;; = function（）{if（text.value.trim（）==）{//alert_labels.length） label.setattribute（for、form）;色：red）;}} else if（text.labels.length> 1）form.removechild（text.labels [1]）; btn type = button value = verification> </form>

ユーザーが値を入力しない場合は、検証をクリックすると、テキストボックスにラベル要素が入力されます。名前を入力します

テーブルユニット要素をラベル内に配置し、タグの制御プロパティを介してテーブル要素にアクセスできます。

 <script = text/javascript> console.log（1）; <ラベルID =ラベル> ZIPコード：<入力ID = TXT_ZIP MaxLength = 6> <small> 6桁を入力してください</small> </label> <入力タイプ=ボタン=デフォルト値oncliclk = setValue（）> < < /form>

観光客のページを開き、[デフォルト値]ボタンを[設定]をクリックすると、231456がテキストボックスに表示されます。

テキストボックスが選択状態にあるときに、プロンプト情報（灰色）を入力します

<入力型= Text PalceHolder = haha​​h>

H5の新しいDatalist要素と組み合わせて、生産プロンプトボックス

テキスト：<入力タイプ=テキスト名=グリーティングリスト> <！ -  style = display：なし;人</option> <option値=あなたは豚です>あなたは豚です</option> <option値=あなたは犬です>あなたは犬です</option> </datalist>

テキストボックスに入力すると、あなたが人であることを思い出させるために、下の3つの列があります

AutoCompleteには3つのオフ（指定されていません）があります。指定したら、観光客のデフォルト値を使用します。使用方法は次のとおりです

<入力タイプ=テキスト名=グリーティングリスト=グリーティングautocomplete = on>

テキストボックスを入力したら、人がクリックして送信すると、前のページに戻り、テキストボックスに入力すると、人になるように促されます。

HTMLパーツの正規表現判断の入力値が要件を満たしているかどうかに相当します。

コンテンツを入力してください：<入力タイプ=テキストパターン= [0-9] [AZ] {3}>

コードのこのセグメントでは、3つの数値3つの大文字を入力する必要があります。

入力のテキストおよびテキストアレアの要素の場合、ユーザーがこれらの2つの要素でテキストの一部を選択すると、要素を使用して選択方向を取得できます。

 <script = text/javascript> function alertselectiondirection {var control = documents [0] ['text'];テキスト名=テキスト> <入力タイプ=ボタン値=私を思い出してくださいonclick = alertselectiondirection（）> </form>

チェックボックスでは、HTML5の選択と非選択ステータスのみを使用して、JSのJSで使用して、チェックボックスが明確に選択されていないことを示します。

 <script> var cb = document.getElementById（cb）;

• 高さ：画像ボタンに画像の高さを指定します。
• 幅：画像ボタンに画像の幅を指定します。

 <入力タイプ=画像src = img/2.png width = 23 height = 23>

• maxlength：整数値を使用してセットアップして、Textarea要素に入力できるテキストの数を制限します。
• ラップ：属性値をソフトでハードに指定できます。 。

上記は、この記事のすべてのコンテンツです。