亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

HTML5 フォームの新しい屬性

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

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

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

3)

プレースホルダー:

プロンプト情報(bào)屬性。デモが含まれます。 4)

multiple

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

検証屬性

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

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

りー

學(xué)び続ける
||
<body> <!-- placeholder:用于在文本框未輸入時(shí)提示作用 autofocus:用于控件自動獲取焦點(diǎn) --> <input type="search" name="key" value="" results="s" placeholder="君樂寶" autofocus="true"> <input type="button" name="" value="搜索"> <br> <!-- novalidate:在控件中加入了required、emial、url等驗(yàn)證后,如果想讓這些驗(yàn)證失效,可以在表單中將novalidate設(shè)置為tyue --> <form action="upload.php" method="post" accept-charset="utf-8" id="form1" novalidate="true"> <!-- required:必填 autocomplete:在網(wǎng)頁的文本框中輸入部分內(nèi)容或者雙節(jié)時(shí),經(jīng)常會看到在下面顯示輸入過的內(nèi)容, 這就是html5的新特性:自動完成,如果不想使用此功能,將其設(shè)置為off即可 --> <input type="text" name="UserName" value="" required autocomplete="off"> <br> <!-- multiple:在選擇文件時(shí),默認(rèn)只能單選,加上這個(gè)屬性后,則可以使用鼠標(biāo)選中多個(gè)文件進(jìn)行上傳 --> 選擇文件 <input type="file" name="upload" value="" multiple="multiple"> <br> <!-- list:這個(gè)屬性要和datalist元素一起使用,指定此文本框的可選擇項(xiàng),另外其相較于select的優(yōu)點(diǎn)在于還可以輸入 --> 區(qū)號: <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> <!-- formaction:可以更改點(diǎn)擊此按鈕式提交到服務(wù)器的處理程序 formmethod:可以更改向服務(wù)器提交數(shù)據(jù)的方式 --> <input type="submit" name="subsave" value="提交"> <input type="submit" name="subresset" value="更改" formaction="1.php" formmethod="get"> </form> </body>