```Dalam contoh ini, kami mencipta kotak teks dan menamakannya "u"/> ```Dalam contoh ini, kami mencipta kotak teks dan menamakannya "u">
Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menggayakan kotak teks dalam HTML
Dalam reka bentuk web, kotak teks ialah elemen yang biasa digunakan yang membolehkan pengguna memasukkan maklumat pada halaman. Artikel ini akan memperkenalkan cara menyediakan kotak teks dalam HTML.
Untuk membuat kotak teks, gunakan teg Berikut ialah contoh asas:
<input type="text" name="username">
Dalam contoh ini, kami mencipta kotak teks dan menamakannya "nama pengguna".
Anda boleh menggunakan atribut "saiz" untuk menetapkan saiz kotak teks, contohnya:
<input type="text" name="username" size="30">
Dalam contoh ini, kami menetapkan saiz kotak teks kepada 30 aksara lebar.
Selain itu, anda juga boleh menggunakan atribut "maxlength" untuk menetapkan panjang maksimum kotak teks, contohnya:
<input type="text" name="username" maxlength="20">
Dalam contoh ini, kami menetapkan panjang maksimum bagi kotak teks kepada 20 aksara.
Anda boleh menggunakan atribut "nilai" untuk menetapkan nilai lalai kotak teks, contohnya:
<input type="text" name="username" value="请输入用户名">
dalam Dalam contoh ini, kami menetapkan nilai lalai kotak teks kepada "Sila masukkan nama pengguna anda".
Selain itu, anda juga boleh menggunakan atribut "pemegang tempat" untuk menetapkan pemegang tempat bagi kotak teks, contohnya:
<input type="text" name="username" placeholder="请输入用户名">
Dalam contoh ini, kami menetapkan pemegang tempat bagi teks kotak ke "Sila masukkan nama pengguna". Pemegang tempat akan hilang secara automatik apabila pengguna memasuki kotak teks.
Selain teg kotak teks baris. Berikut ialah contoh:
<textarea name="content" rows="5" cols="30"></textarea>
Dalam contoh ini, kami mencipta kotak teks berbilang baris dan menamakannya sebagai "kandungan". Kami juga menetapkan bilangan baris kotak teks kepada 5 dan bilangan lajur kepada 30.
Sangat mudah untuk menetapkan kotak teks dalam HTML Anda hanya perlu menggunakan teg atribut yang sepadan. Melalui sifat ini, kita boleh mengawal saiz, panjang maksimum, nilai lalai, pemegang tempat, dll. kotak teks untuk mencapai pengalaman pengguna yang lebih baik.
Atas ialah kandungan terperinci Bagaimana untuk menggayakan kotak teks dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!