Apakah atribut baharu yang ditambahkan dalam html5-Soal Jawab bahagian hadapan-php.cn

Apakah atribut baharu yang ditambahkan dalam html5

青灯夜游

Lepaskan： 2022-03-15 17:48:24

asal

3666 orang telah melayarinya

Atribut yang baru ditambah dalam HTML5 termasuk: pemegang tempat, kalendar, Boleh Seret, autolengkap, novalidate, autofokus, timpa, senarai, berbilang, corak, diperlukan, dsb.

Apakah atribut baharu yang ditambahkan dalam html5

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Atribut baharu dalam html5

pemegang tempat
kalendar
kandungan Boleh Diedit (untuk menerangkan sama ada kandungan dalam teg boleh diedit)
Draggable
Tersembunyi
Menu Konteks
Data-val (atribut tersuai)
autolengkap
berbilang
corak
diperlukan
Terdapat dua atribut bentuk baharu dalam html5, iaitu atribut autolengkap dan novalidate
1.atribut autolengkap
Atribut ini digunakan untuk mengawal pembukaan dan penutupan fungsi autolengkap. Anda boleh menetapkan borang atau elemen input dengan dua nilai atribut Apabila ditetapkan kepada hidup, fungsi didayakan apabila dimatikan, fungsi dimatikan. Apabila ciri ini didayakan, apabila pengguna mula menaip dalam medan autolengkap, penyemak imbas akan memaparkan pilihan isian dalam medan tersebut. Setiap kali pengguna menyerahkan, pilihan untuk pemilihan akan ditambahkan

2.novalidate atribut Jenis input input , input ini disahkan apabila borang diserahkan. Atribut novalidate digunakan untuk tidak mengesahkan borang atau input semasa menyerahkan borang:

Atribut input baharu

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
   <form action="#" method="get" autocomplete="on">
      请输入：<input type="text"  name="txt" /><br/>
       <input type="submit" />
   </form>
</body>
</html>

Salin selepas log masuk

1.atribut autofokus

Atribut autofokus digunakan untuk mendapatkan fokus secara automatik. Selepas menetapkan atribut ini pada elemen input dalam HTML5, elemen input secara automatik akan mendapat fokus kursor apabila halaman dimuatkan.

2.atribut bentuk

<form action="#" method="get" novalidate>
  E-mail:  <input type="email" name="myEmail" />
  <input type="submit" /></form>

Salin selepas log masuk

Atribut borang digunakan untuk menetapkan kepunyaan elemen input dalam bentuk mana. Dalam HTML4, semua elemen dalam borang mesti berada di antara teg permulaan dan teg akhir borang Dalam HTML5, jika anda ingin mengaitkan elemen selain daripada teg permulaan dan akhir borang kepada borang, anda hanya perlu menetapkan. atribut form. nilai atribut id borang 3. Timpa atribut borang timpa

Atribut timpa digunakan untuk menulis semula atribut tertentu unsur borang dalam HTML5, atribut borang yang boleh ditulis semula termasuk formaction, formmethod, dan formenctype , formnovalidate dan formtarget Atribut ini digunakan untuk menulis semula atribut tindakan, enctype, kaedah, novalidate dan sasaran masing-masing

Elemen input pertama akan diserahkan data input ke halaman a.jsp dan Elemen input kedua menetapkan atribut formasi, menulis semula atribut tindakan dan menetapkan halaman penyerahan ke halaman b.jsp

<input type="text" name="myTxt" autofocus />

Salin selepas log masuk

Atribut 4.list:

Atribut senarai digunakan Tetapkan elemen senarai data medan input dan tetapkan nilai atribut id senarai data untuk atribut senarai Anda boleh mengaitkan elemen senarai data dengan elemen input:

Atribut senarai sesuai untuk jenis elemen input berikut: teks, carian, url, telefon , e-mel, tarikh, pemilih, nombor, julat dan warna

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<form action="#" method="get" id="myForm">
    常用地址：<input type="text" name="ftxt" />
    <input type="submit" />

</form>
临时地址：<input type="text" name="ltxt" form="myForm" />
</body>
</html>

Salin selepas log masuk

5. atribut berbilang

Atribut berbilang digunakan untuk menetapkan sama ada elemen input boleh mempunyai nilai berbilang. Atribut ini hanya digunakan pada elemen input jenis e-mel dan fail. Jika anda menetapkan berbilang atribut untuk elemen input jenis e-mel, anda boleh memasukkan berbilang alamat e-mel dalam kotak input, dipisahkan dengan koma. Jika anda menetapkan atribut berbilang kepada elemen input jenis fail, anda boleh memilih fail dalam kotak dialog fail pilih terbuka

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <form action="a.jsp" method="get">
        用户名：<input type="text" name="fname" /><br />
        <input type="submit" value="张三的提交" /><br/>
        <input type="submit" formaction="b.jsp" value="李四的提交" />
    </form>
</body>
</html>

Salin selepas log masuk

6. ungkapan biasa corak

Ungkapan biasa terdiri daripada satu siri aksara dan nombor dan digunakan untuk memadankan peraturan sintaks tertentu. Atribut ini sesuai untuk elemen input teks, carian, url, telefon, e-mel dan jenis kata laluan

7. Tetapkan elemen input apabila kandungan adalah kosong Mesej gesaan, atribut pemegang tempat

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>6.2.1</title>
</head>
<body>
<input type="url" list="url_list" name="myUrl" />
<datalist id="url_list">
  <option label="Microsoft" value="http://www.microsoft.com" />
  <option label="Google" value="http://www.google.com" />
  <option label="百度" value="http://www.baidu.com" />
</datalist>
</body>
</html>

Salin selepas log masuk

Apabila terdapat kotak input teks pada halaman, tetapi anda tidak tahu apa yang hendak dimasukkan.

E-mail：<input type="email" name="myEmail" multiple />
File：<input type="file" name="myFile" multiple />

Salin selepas log masuk

8 Peringatan diperlukan atribut apabila penyerahan kosong

Pengguna mesti mengisi kandungan untuk diserahkan, diserahkan. apabila kosong Bukan pada

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<form>
    <input type="text" name="myName" pattern="[a-zA-Z]\w{5,15}$">
    <html>以字母开头，6-16位</html>
    <input type="submit" value="提交">
</form>
</body>
</html>

Salin selepas log masuk

[Cadangan berkaitan: tutorial video html, bahagian hadapan web]

Atas ialah kandungan terperinci Apakah atribut baharu yang ditambahkan dalam html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!