Cara menggunakan html untuk membuat borang penyerahan ringkas (penjelasan kod terperinci)

奋力向前
Lepaskan: 2021-08-02 18:03:38
asal
9046 orang telah melayarinya

Dalam artikel sebelumnya "Newbie: Cara menggunakan tag untuk membuat pautan (kongsi) ", kami memperkenalkan cara menggunakan tag A untuk membuat pautan. Artikel berikut akan memperkenalkan kepada anda cara menggunakan HTML untuk membuat borang.

Cara menggunakan html untuk membuat borang penyerahan ringkas (penjelasan kod terperinci)

Cara membuat borang dalam html

Fungsi biasa seperti "log masuk" dan "pendaftaran" dalam laman web biasanya dilaksanakan menggunakan borang . Contohnya, di bawah ialah contoh borang log masuk, yang menggunakan &lt;input&gt; dan <button></button>

contoh kod

<HTML>
	<form>
	<input placeholder="用户口"><br>
	<input placeholder="密码" type="password"><br>
	<button type="submit">登录</button>
	<button type="reset">重置</button>
	</form>
</HTML>
Salin selepas log masuk

rendering kod

Cara menggunakan html untuk membuat borang penyerahan ringkas (penjelasan kod terperinci)

<form> Kulit bentuk: Membolehkan pengguna menyerahkan set data, biasanya digunakan bersama dengan elemen lain.

<br> teg ialah teg kosong: Gunakan <br> untuk memasukkan baris kosong dan bukannya membelah perenggan.

&lt;input&gt; Kotak input teks baris tunggal: Elemen biasanya menentukan input pengguna dan hanya &lt;input&gt; menggunakan satu baris untuk input.

&lt;input&gt;
Salin selepas log masuk

<button>Butang: Elemen biasanya digunakan dengan elemen lain atau JavaScript

Kod menandakan butang

<button type="button">...</button>
Salin selepas log masuk

<placeholder> Watak pemegang tempat: Apabila kotak input kosong, beberapa kandungan panduan boleh dipaparkan di dalam untuk memberitahu pengguna cara memasukkan

input placeholder="用户口"
Salin selepas log masuk

Pembelajaran yang disyorkan: Html tutorial video

Atas ialah kandungan terperinci Cara menggunakan html untuk membuat borang penyerahan ringkas (penjelasan kod terperinci). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!