Dalam artikel ini, kita akan belajar cara menetapkan jenis elemen dalam HTML, sama seperti kita biasa dengan jenis dalam HTML. Untuk elemen
Atributtype boleh digunakan pada elemen berikut
| Unsur | Hartanah |
|---|---|
| Taip | |
| Taip | |
| Taip | |
| Taip | |
| Taip | |
| Taip | |
| Taip |
Mari kita fahami cara menetapkan jenis elemen dalam HTML dengan contoh berikut.
Butang boleh klik dalam HTML ditakrifkan oleh teg
Dalam contoh di bawah, kami menggunakan dua teg
<!DOCTYPE html>
<html>
<body>
<form action="#" method="get">
<label for="firstname">Username:</label>
<input type="text" id="firstname" name="firstname"><br><br>
<label for="lastname">Surname:</label>
<input type="text" id="lastname" name="lastname"><br><br>
<button type="submit" value="Submit">Submit</button>
<button type="reset" value="Reset">Reset</button>
</form>
</body>
</html>
Apabila skrip dilaksanakan, ia akan menghasilkan output dengan medan input untuk nama pengguna dan nama akhir (ditetapkan mengikut jenis="teks"), serta butang hantar dan butang set semula.
Teg menentukan medan di mana pengguna boleh memasukkan data. Unsur bentuk yang paling penting ialah unsur . Bergantung pada atribut jenis, elemen boleh dipaparkan dalam beberapa cara yang berbeza.
Pertimbangkan contoh berikut di mana kami menggunakan borang HTML dengan dua jenis input berbeza, satu untuk teks dan satu lagi untuk penyerahan.
<!DOCTYPE html>
<html>
<body>
<form action="#">
<label for="Username">Enter name: </label>
<input type="text" id="Username" name="Username"><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Apabila anda menjalankan skrip di atas, ia akan menghasilkan output yang merangkumi medan input dengan nama type="text" dan butang input dengan atribut type="submit".
Lihat contoh berikut, kami menjalankan skrip dengan atribut jenis yang ditentukan
Dalam contoh di bawah, kami menggunakan dua teg
<!DOCTYPE html>
<html>
<body>
<p id="tutorial"></p>
<script type="application/javascript">
document.getElementById("tutorial").innerHTML = "Hello,Good Morning.";
</script>
</body>
</html>
Apabila anda menjalankan skrip di atas, tetingkap output akan muncul menunjukkan teks "Hello, selamat pagi". pada halaman web.
Anda boleh menggunakan teg
Pertimbangkan contoh berikut di mana kami menggunakan teg HTML
<!DOCTYPE html>
<html>
<body>
<audio controls>
<source src="https://gaana.com/song/praise-the-lord-da-shine" type="audio/mpeg">
</audio>
</body>
</html>
Apabila skrip dilaksanakan, ia akan menghasilkan output yang mengandungi audio yang dimuat naik pada halaman web yang disebut dengan type="audio/mpeg".
Atas ialah kandungan terperinci Bagaimanakah kita menetapkan jenis elemen dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
