Cara menulis butang HTML: 1. Gunakan teg input, sintaksnya ialah "" 2. Gunakan teg butang, the sintaks ialah "Teks butang".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.
Cara menulis butang html:
1. Gunakan teg input
<input type="button" value="保存"/>
< Teg ;input> digunakan untuk mengumpul maklumat pengguna.
Menurut nilai atribut jenis yang berbeza, medan input mempunyai banyak bentuk. Medan input boleh menjadi medan teks, kotak semak, kawalan teks bertopeng, butang radio, butang, dsb.
Borang HTML ringkas, termasuk dua kotak input teks dan butang hantar:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>button</title>
</head>
<body>
<form action="form_action.asp" method="get">
First name: <input type="text" name="fname" />
Last name: <input type="text" name="lname" />
<input type="submit" value="Submit" />
</form>
</body>
</html>Hasil keluaran:
2. Gunakan teg butang
<button>保存</button>
Di dalam elemen butang, anda boleh meletakkan kandungan, seperti teks atau imej. Ini ialah perbezaan antara elemen ini dan butang yang dibuat menggunakan elemen input.
adalah kandungan butang, termasuk sebarang kandungan badan yang boleh diterima, seperti kandungan teks atau multimedia. Sebagai contoh, kita boleh memasukkan imej dan teks yang berkaitan dalam butang dan menggunakannya untuk mencipta imej penanda yang menarik dalam butang.
Jika anda menggunakan elemen butang dalam bentuk HTML, penyemak imbas yang berbeza akan menyerahkan nilai butang yang berbeza. Sila gunakan elemen input untuk mencipta butang dalam bentuk HTML.
Satu-satunya elemen yang dilarang ialah pemetaan imej, kerana tindakan sensitif tetikus dan papan kekuncinya mengganggu gelagat butang borang.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>button</title>
</head>
<body>
<button type="button">Click Me!</button>
</body>
</html>Hasil keluaran:
Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati: Video Pengaturcaraan! !
Atas ialah kandungan terperinci Bagaimana untuk menulis butang dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!