Jika kita ingin membuat kotak teks dalam dokumen Html untuk menyisipkan karakter oleh pengguna di halaman web maka kita harus mengikuti langkah-langkah yang diberikan di bawah ini. Dengan menggunakan langkah-langkah ini, setiap pengguna dapat dengan mudah membuat kotak teks.
Langkah 1: Pertama, kita harus mengetikkan kode Html di editor teks apa pun atau membuka file Html yang ada di editor teks tempat kita ingin membuat kotak teks.
<!Doctype Html >
< Html >
< Kepala >
< Judul >
Buat Kotak Teks
</ Judul >
</ Kepala >
< Tubuh >
Halo Pengguna! <br> _ _
</ Tubuh >
</ html >
Langkah 2: Untuk membuat kotak teks, pertama-tama kita harus mendefinisikan tag <form> , jika tidak didefinisikan dalam kode. Sekarang, kita harus menempatkan kursor pada titik di tag <form> di mana kita ingin membuat kotak teks. Dan, kemudian kita harus mengetikkan tag <input> pada saat itu.
< bentuk >
Nama siswa:
< masukan >
< br > < br >
Kursus:
< masukan >
</ bentuk >
Langkah 3: Setelah menulis tag <input>, kita harus menggunakan atributnya yang namanya type . Atribut ini menentukan jenis data apa yang akan dimasukkan. Jadi, untuk membuat kotak teks kita harus memberikan nilai "teks" pada atribut type.
< bentuk >
Nama siswa:
< tipe input = "teks" nama = "Nama" >
< br > < br >
Kursus:
< jenis input = "teks" nama = "Kursus" >
</ bentuk >
Langkah 4: Jika kita ingin menentukan lebar kotak teks, maka kita dapat mendefinisikannya dengan bantuan atribut size.
< bentuk >
Nama siswa:
< tipe input = "teks" nama = "Nama" ukuran = "20" >
< br > < br >
Kursus:
< tipe input = "teks" nama = "Kursus" ukuran = "15" >
</ bentuk >
Langkah 5: Dan, terakhir, kita harus menyimpan file Html dan kemudian menjalankan file tersebut di browser.
<!Doctype Html >
< Html >
< Kepala >
< Judul >
Buat Kotak Teks
</ Judul >
</ Kepala >
< Tubuh >
Halo Pengguna! <br> _ _
< bentuk >
Nama siswa:
< tipe input = "teks" nama = "Nama" ukuran = "20" >
< br > < br >
Kursus:
< tipe input = "teks" nama = "Kursus" ukuran = "15" >
</ bentuk >
</ Tubuh >
</ html >
Output dari kode Html di atas ditunjukkan pada tangkapan layar berikut:
Demikian Tutorial tentang cara membuat kotak teks di html. Semoga bermanfaat untuk anda semua. Tetap jaga kesehatan. Trims
Comments0