Html Programs Mengenal Tag Progress Berikut Contohnya

October 13, 2018
Contoh html output Kalkulator
Html Output Tag Progress

Html Code Tag Progress dan Contohnya - dalam memahamiHtml kode tag kita perlu belajar kode html memang pelajaran tentang Html code script ini sangat menyenangkan terutama saat mengaplikasikan kode html yang telah kita hafalkan, penting sekali memahami kode ini terutama tag html dan fungsinya serta contoh pemahaman dalam mengasah hafalan kita tentang programs html selain itu juga banyak kumpulan tag html dan contohnya yang wajib kita pahami.

mari kita mulai dengan pemahaman dasar html code tersebut beserta contoh serta latihan kita dalam mengaplikasikan kode html tersebut, mari kita pahami dari awal tentang tag html dan penjelasannya, untuk apakah kita belajar html tag tersebut.

pengertian tag html. html tag adalah sebuah tag progress yang di fungsikan untuk melakukan olah data otomatis hanya dengan sekali klik atau geser yang hasilnya bisa kita gunakan untuk mengisi atau form atau di olah dalam program javascript atau lainnya.

Diantaran atribut html tag dan fungsinya mungkin masih agak terasa bingung maksudnya gimana dan seperti apa contohnya.

Mari kita lihat contoh Html tag tersebut.
Contoh atribut html dan fungsinya
 2
di atas merupakan contoh sederhana dari html progress, yang nanti ada pengembangannya dan gabungan dengan jabascript dan bisa di gunakan untuk berbagai kebutuhan, seperti auto input dan lainnya.

kita mulai dengan secript Html pertama yang kita pahami.

Contoh Tag Progress
<input type="range" value="3" oninput="OP1.value=this.value;"> 
 <output id="OP1">3</output> 


Hasilnya seperti ini kawan : 


  3 

Hasilnya bisa terlihat saat kita geser dan hasilnya terlihat seperti di atas.


Contoh Tag Progress
<form oninput="result.value=parseInt(a.value)+parseInt(b.value)"> 
    <input type="range" name="b" value="50" /> + 
    <input type="number" name="a" value="10" /> = 
    <output name="result"></output> 
 
  </form> 


Hasilnya seperti ini kawan : 


 +  =

kita mulai dengan secript Html pertama yang kita pahami.


Contoh Tag Progress
Contoh Sederhana 1

 <br> Type ini: 
<input type="text" onkeyup="OP.value=this.value"> 
 <output id="OP"></output> 
 <br><br> Contoh Sederhana 2
 <br> 
 <input type="range" value="3" oninput="OP1.value=this.value;"><output id="OP1">3</output> 
 <br><br> Contoh Sederhana Kalkulator
 <br> 
<form oninput="Ans.value=parseInt(Fid.value)+parseInt(Sid.value)"> 
  <br> 
  <input type="number" id="Fid"> + <input type="number" id="Sid"> = 
  <output name="Ans"></output> 
 </form> 


Hasilnya seperti ini kawan : 

Contoh Sederhana 1 
Type inib:  

Contoh Sederhana 2 
3 

Contoh Sederhana Kalkulator 


 +  =


Demikianlah kita memahami fungsi html code dimana setiap fungsinya memang menjadi sangat berarti coba kita lihat dari hasil di atas, ada contoh sederhana yang bisa kita kembangkan.

Kalau hasilnya tidak keluar anda harus menggunakan html5, semoga tutorial kali ini bermanfaat untuk anda.

Share this

Related Posts

Previous
Next Post »