Contoh Output Sederhana di HTML
Contoh Output di HTML
Untuk Postingan sebelum-sebelumnya yaitu Cara Mudah Membuat Form dan Tipe-Tipenya di HTML yang berarti merupakan sebuah area untuk memasukkan data atau Input. Maka, pada kesempatan kali ini Firman's Blog akan menjelaskan tentang Cara mengeluarkan hasil Input/masukan data tersebut berupa Output. Disini saya akan memberikan beberapa Contoh Output Sederhana setelah kita memasukkan data didalam sebuah form. Oke, mari kita mulai membuat Contoh Output Sederhana di HTML berikut dibawah ini.
- Tag Output
Tag <output> digunakan untuk merepresentasikan/menampilkan kembali hasil masukkan atau input. Output juga dapat ditampilkan langsung setelah kita memasukkan/Input data, seperti contoh berikut ini :Kode HTML :
<input type="range" value="3" oninput="OP1.value=this.value;"> = <output id="OP1">3</output>
Hasil Output :
=
- Tag Output dengan TextBox
Pada contoh ini, kita menjumlahkan nilai range dan nilai textbox yang telah dimasukkan dan ditampilkan didalam Tag Output.Kode HTML :
<form oninput="hasil.value=parseInt(a.value)+parseInt(b.value)">
<input type="range" name="a" value="30"> + <input type="number" name="b" value="20"> = <output name="hasil">50</output>
</form>
Hasil Output :
- Tag Output dengan Beberapa Kontrol
Pada contoh yang ini, lebih banyak form yang ditambahkan daripada contoh sebelumnya.Contoh 1 :
Masukkan teks di sini :<input type="text" onkeyup="output.value=this.value"> <output id="output"></output>
Hasil Output :
Masukkan teks di sini :
Contoh 2 :
Penjumlahan :
<form oninput="hasil.value=parseInt(x.value)+parseInt(y.value)">
<input type="number" id="x"> + <input type="number" id="y"> = <output name="hasil"></output></form>
Hasil Output :
Penjumlahan :
Masih banyak lagi Contoh dari Output didalam HTML, anda bisa mengkreasikan sendiri sesuai dengan kebutuhan. Demikian postingan saya kali ini, semoga berguna dan bermanfaat bagi kita semua. Kekurangan dan kesalahan saya mohon maaf, dan jika belum paham atau ingin bertanya berikanlah komentar dibawah. Atas kunjungannya saya ucapkan Terima Kasih.
Comments