wulin.comの記事紹介(www.vevb.com):HTML5フォームの新しい属性の毎日の練習。
多くの新しいタグと機能属性がHTML5に追加されています。今日は、HTML5のフォームフォームの新しい使用法を見ていきます。では、HTML5で新しく追加されたこの関数と以前に使用した機能の違いは何ですか?以下のいくつかのシーンを見てみましょう、あなたは理解するでしょう〜
ページ内の異なるフォーム要素を送信する必要があり、これらのフォーム要素がHTMLのさまざまな場所に配布される場合、フォームはすべてのフォームタグのみを含むことができます。
古い方法:
<form id = form1 action =>
<入力ID = username name = username type = text/>
<入力id = userpwd name = userpwd type = password/>
<入力id = userage name = userage type = text/>
<入力タイプ=送信値=送信/
</form>
しかし、このフォームには、これから提出する必要のない要素(ユーザーなど)が含まれている場合はどうすればよいでしょうか。バックグラウンドプログラマーがこのパラメーターを受け入れないか、JSを使用して、このフォームで提出する必要があるすべてのコンテンツを隠された隠し領域に配置してから送信できるように、それを送信できるように思われます。次のように変更できます
改善:
<form id = form1 action =>
<入力ID = hd_username name = username type = hidden/>
<入力ID = hd_userpwd name = userpwd type = hidden/>
</form>
<入力ID = username name = username type = text/>
<入力id = userpwd name = userpwd type = password/>
<入力id = userage name = userage type = text/>
<入力タイプ=送信値=送信/
まあ、このように整理して要件を満たすことができますが、ネットワークリソースとHTTPリクエストパケットを無駄にし、プロジェクトのサイズを増やし、維持するのが比較的面倒なJSが多すぎます。
HTML5メソッド:
<form id = form1 action =>
<入力タイプ=送信値=送信/
</form>
<入力ID = username name = username for = form1 type = text/>
<入力id = userpwd name = userpwd for = form1 type = password/>
<入力id = userage name = userage type = text/>
ここでの属性=フォームID。これは、属性をラベルの属性として理解することができますが、この場合はHTML5では、Fome1の要素に属します。コードを見ると、それははるかにクリーンで、プロジェクトファイルは大きくなく、メンテナンスが容易になりました。
わからない場合は、私に直接メッセージを残すことができ、できるだけ早くみんなに返信します。
これを理解している場合は、自分で練習して、誰もが一緒に進歩を遂げるのを助けるためにそれを投稿することができます!