コミュニティ学ぶツールライブラリレジャー

日本語

HTML5 フォームの新しい属性

Inputタグ新しく追加された一意の属性

1）autofocus属性完了後にフォーカスを取得します。

2)max、min、stepこれらはすべて上で紹介したもので、すべて数値に関連しています。

3)

プレースホルダー:

プロンプト情報属性。デモが含まれます。 4)

multiple

: このプロパティを設定すると、複数のファイルのアップロードが許可されます。 5)

検証属性

: 必須属性を設定すると、送信前に現在のテキストボックスにデータを入力する必要があることが示され、これはすべてブラウザーによって自動的に完了されます。これは、Jq Validate を使用するときと同じくらいクールです。また、パターン正規表現検証も追加されました。

デモ: input type="text" autofocus="autofocus" required pattern="d+" />6) もう 1 つの大きな改善は、form 属性の追加です。これは、任意のラベルを指定できることを意味します。フォームなので、<form></form> で囲む必要はありません。

デモを見てみましょう: <input type="text" form="demoForm" name="demo"/>

Form form タグに新たに追加された属性があります

1)novalidate 属性は送信フォームで指定されていますが、フォームまたは入力フィールドを検証する必要はありません。 デモ: <form action="" method="POST" novalidate="true"></form>

2)autocomplete 属性は、フォームまたは入力フィールドにオートコンプリート機能が必要であることを規定します。

りー

学び続ける

||

新しいファイル

<body>  <input type="search" name="key" value="" results="s" placeholder="君乐宝" autofocus="true"> <input type="button" name="" value="搜索"> <br>  <form action="upload.php" method="post" accept-charset="utf-8" id="form1" novalidate="true">  <input type="text" name="UserName" value="" required autocomplete="off"> <br>  选择文件 <input type="file" name="upload" value="" multiple="multiple"> <br>  区号： <input type="text" name="age" value="" list="list1"> <br> <datalist id="list1"> <option value="0312">保定</option> <option value="0311">石家庄</option> <option value="010">北京</option> <option value="0313">唐山</option> </datalist>  <input type="submit" name="subsave" value="提交"> <input type="submit" name="subresset" value="更改" formaction="1.php" formmethod="get"> </form> </body>

提出するリセットコード

自動運転

前のセクション次のセクション

チュートリアルリスト

ヘルプの取得

おすすめコース
コースウェアのダウンロード

現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜

このコースを視聴した生徒はこちらも学んでいます