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

Apakah elemen bentuk baharu yang ditambahkan dalam html5

青灯夜游

Lepaskan： 2022-04-25 11:54:02

asal

9405 orang telah melayarinya

Tiga elemen bentuk baharu telah ditambahkan pada HTML5: 1. elemen senarai data, yang digunakan untuk menetapkan senarai lungsur untuk input Pilihan di dalamnya telah ditetapkan dan akan digunakan sebagai data input pengguna. elemen keygen, Medan penjana pasangan kunci yang digunakan dalam bentuk boleh ditentukan 3. Elemen keluaran digunakan untuk mengeluarkan dan memaparkan hasil pengiraan.

Apakah elemen bentuk baharu yang ditambahkan dalam html5

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

Tiga elemen bentuk baharu telah ditambahkan pada HTML5: senarai data, keygen dan output.

1 elemen senarai data

teg Teg

digunakan untuk menyediakan ciri "auto-lengkap" untuk elemen Pengguna akan melihat senarai juntai bawah dengan pilihan yang telah ditetapkan yang akan berfungsi sebagai data input pengguna.

这里注意datalist元素要写id，与input表单元素的 list属性创建联系

Salin selepas log masuk

Contoh 1:

Apakah elemen bentuk baharu yang ditambahkan dalam html5

dipaparkan pada halaman seperti berikut:

Apakah elemen bentuk baharu yang ditambahkan dalam html5

Contoh 2:

Apakah elemen bentuk baharu yang ditambahkan dalam html5

dipaparkan pada halaman seperti berikut:

Apakah elemen bentuk baharu yang ditambahkan dalam html5

Jika Perkara yang anda mahu masukkan ialah URL Sila ambil perhatian bahawa nilai mesti ditambahkan pada elemen senarai data http://

Contoh 3

<.> Apakah elemen bentuk baharu yang ditambahkan dalam html5

Tiada senarai lungsur turun di Firefox, jadi berhati-hati!

dan elemen pilihan elemen kanak-kanak bagi senarai data boleh ditulis dalam format teg tunggal: cth:

<option value="“英语”" label="“棒”/"></option>

2. Elemen keygen

Apabila borang diserahkan, kunci persendirian disimpan secara setempat dan kunci awam dihantar ke pelayan.

ialah elemen baharu dalam HTML5, digunakan untuk mencipta penjana kunci
Apabila borang diserahkan, kunci persendirian disimpan secara setempat , kunci awam dihantar ke pelayan. Fungsi utama adalah untuk menyediakan kaedah untuk pengesahan pengguna
Apabila menggunakannya, sila ambil perhatian bahawa pelayar yang berbeza mempunyai tahap sokongan yang berbeza pada masa ini Internet Explorer dan Safari tidak menyokongnya
atribut elemen elemen keygen:
nama/borang/autofokus/dilumpuhkan
properti mencabar : Tetapkan nilai keygen untuk bertanya pada komit.
atribut jenis kunci: Tentukan jenis kunci Jika ditetapkan kepada rsa (algoritma kriptografi), kunci RSA akan dijana.
Instance

3. Elemen output

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
    <p style="color:#FF0000">
        掌握fieldset/legend元素的用法（和figure和figcaption很像，只不过是作用于表单）
    </p>
    <form action="L3_01.html" method="get" >
        <fieldset>
        <legend>用户注册</legend>
            用户名：<input type="text" name="name"><br>
            密码：<input type="password" name="password">
            <br><input type="submit" value="确定">
        </fieldset><br>

        keygen元素用法：<br>
        加密：<keygen name="mykey"><br>
        <br><input type="submit" value="确定">
    </form>
<body>
</body>
</html>

Salin selepas log masuk

teg dipaparkan sebagai output hasil pengiraan (seperti output melaksanakan skrip) .

Format sintaks teg output

Penerangan: Kandungan dalam teg output ialah kandungan paparan lalai, dan ia akan berubah apabila elemen berkaitan berubah.

<output name="名称" for="element_id">默认内容</output>

Salin selepas log masuk

atribut teg output

untuk: Tentukan satu atau lebih elemen yang berkaitan dengan domain output, dipisahkan dengan ruang.

borang: Tentukan satu atau lebih borang yang menjadi milik medan input, dipisahkan dengan ruang.
nama: Mentakrifkan nama unik objek (digunakan semasa menyerahkan borang).
Instance

Melalui contoh di atas, saya percaya semua orang telah mempelajari cara menggunakan tag output Ia juga mudah untuk menukarnya menjadi kalkulator untuk penolakan, pendaraban, pembahagian, dan lain-lain. Rakan-rakan yang berminat boleh mencubanya!

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

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