masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

Atribut baharu untuk borang HTML5

Teg input yang baru ditambah atribut unik

1) atribut autofokus

="text" autofocus=" autofocus"/> Atribut ini boleh menetapkan teg input dalam halaman semasa untuk mendapatkan fokus selepas ia dimuatkan.

2) maks, min, langkahIni telah diperkenalkan di atas, dan semuanya berkaitan dengan nombor.

3) pemegang tempat:Atribut maklumat segera, dengan demo padanya.

4) berbilang: digunakan untuk kawalan muat naik fail Selepas menetapkan atribut ini, berbilang fail dibenarkan untuk dimuat naik.

5) Atribut pengesahan: Menetapkan atribut yang diperlukan menunjukkan bahawa kotak teks semasa mesti mempunyai input data sebelum penyerahan dan semua ini dilengkapkan secara automatik oleh penyemak imbas.

Ini sehebat ketika menggunakan Jq Validate. Dan juga menambah: pengesahan ungkapan biasa corak.

demo: input type="text" autofocus="autofocus" pattern="d+" />

6) Satu lagi peningkatan besar ialah penambahan atribut form, iaitu That ialah, mana-mana teg boleh menentukan bahawa ia tergolong dalam borang, dan bukannya perlu membungkusnya dalam <form></form>.

Mari kita lihat demo: <input type="text" form="demoForm" name="demo"/>

Atribut baharu ditambah kepada teg borang Borang

1) Atribut novalidate menentukan bahawa medan borang atau input tidak boleh disahkan semasa menyerahkan borang.

demo: <form action="" method="POST" novalidate="true"></form>

2)autolengkap atribut menentukan borang Atau medan input harus mempunyai fungsi autolengkap. 

<body>
<!--
placeholder:用于在文本框未输入时提示作用
autofocus:用于控件自动获取焦点
-->
<input type="search" name="key" value="" results="s" placeholder="君乐宝" autofocus="true">
<input type="button" name="" value="搜索">
<br>
<!--
novalidate:在控件中加入了required、emial、url等验证后，如果想让这些验证失效，可以在表单中将novalidate设置为tyue
-->
<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>
    <!--
list：这个属性要和datalist元素一起使用，指定此文本框的可选择项，另外其相较于select的优点在于还可以输入
   -->
    区号：
    <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:可以更改点击此按钮式提交到服务器的处理程序
formmethod:可以更改向服务器提交数据的方式
   -->
    <input type="submit" name="subsave" value="提交">
    <input type="submit" name="subresset" value="更改" formaction="1.php" formmethod="get">
</form>
</body>


Meneruskan pembelajaran
||
<body> <!-- placeholder:用于在文本框未输入时提示作用 autofocus:用于控件自动获取焦点 --> <input type="search" name="key" value="" results="s" placeholder="君乐宝" autofocus="true"> <input type="button" name="" value="搜索"> <br> <!-- novalidate:在控件中加入了required、emial、url等验证后，如果想让这些验证失效，可以在表单中将novalidate设置为tyue --> <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> <!-- list：这个属性要和datalist元素一起使用，指定此文本框的可选择项，另外其相较于select的优点在于还可以输入 --> 区号： <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:可以更改点击此按钮式提交到服务器的处理程序 formmethod:可以更改向服务器提交数据的方式 --> <input type="submit" name="subsave" value="提交"> <input type="submit" name="subresset" value="更改" formaction="1.php" formmethod="get"> </form> </body>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492373 permainan