Bagaimana untuk menulis butang dalam html-html tutorial-php.cn

Bagaimana untuk menulis butang dalam html

WBOY

Lepaskan： 2021-11-11 14:29:33

asal

23040 orang telah melayarinya

Cara menulis butang HTML: 1. Gunakan teg input, sintaksnya ialah "" 2. Gunakan teg butang, the sintaks ialah "Teks butang".

Bagaimana untuk menulis butang dalam html

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

Cara menulis butang html:

1. Gunakan teg input

<input type="button" value="保存"/>

Salin selepas log masuk

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

Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk menulis butang dalam html

2. Gunakan teg butang

<button>保存</button>

Salin selepas log masuk

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>

Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk menulis butang dalam html

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!