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 属性は、フォームまたは入力フィールドにオートコンプリート機能が必要であることを規定します。

りー

学び続ける
||
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<body>
<!--
placeholder:
autofocus:
-->
<input type="search" name="key" value="" results="s" placeholder="" autofocus="true">
<input type="button" name="" value="">
<br>
<!--
novalidate:requiredemialurlnovalidatety
    ue
-->
<form action="upload.php" method="post" accept-charset="utf-8" id="form1" novalidate="true">
<!--
required:
autocomplete:
html5使off
-->
<input type="text" name="UserName" value="" required autocomplete="off">
<br>
<!--
multiple:使
-->
<input type="file" name="upload" value="" multiple="multiple">
<br>
<!--
listdatalist使select
-->
<input type="text" name="age" value="" list="list1">
<br>
<datalist id="list1">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
图片放大关闭