Rumah > Artikel > hujung hadapan web > Bagaimanakah kita menetapkan jenis elemen dalam HTML?

Bagaimanakah kita menetapkan jenis elemen dalam HTML?

WBOYke hadapan: 2023-08-26 14:45:121302semak imbas

Dalam artikel ini, kita akan belajar cara menetapkan jenis elemen dalam HTML, sama seperti kita biasa dengan jenis dalam HTML. Untuk elemen

Atribut

type 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.

HTML

Butang boleh klik dalam HTML ditakrifkan oleh teg

Contoh

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.

HTML tag

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.

Contoh

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".

Gunakan skrip

Lihat contoh berikut, kami menjalankan skrip dengan atribut jenis yang ditentukan

Contoh

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.

HTML tag

Anda boleh menggunakan teg untuk menentukan berbilang sumber media untuk komponen media seperti

Contoh

Pertimbangkan contoh berikut di mana kami menggunakan teg HTML dengan atribut jenis.

<!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!

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Bagaimana untuk menterjemah "Bagaimana ditukar kepada Boolean dalam JavaScript ke dalam bahasa Cina dalam JavaScript?Artikel seterusnya：Bagaimana untuk menterjemah "Bagaimana ditukar kepada Boolean dalam JavaScript ke dalam bahasa Cina dalam JavaScript?

Artikel berkaitan

Lihat lagi