GfWoBUY9Tpz9TpziGfM5BSWoTY==

Cara Membuat Kotak Teks di Html


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


Dapatkan update informasi pilihan dan terhangat setiap hari dari Rafadhan Blog. Temukan kami di Telegram Channel, caranya klik DISINI