Merhabalar,
Önce bir buton ekleyin.
<input type="button" value="Ekle" />
butonun yanına text fieldlar ekleyip görünümünü gizli yapın.
<span id="textAlani" style="visibility:hidden">Boyu: <input type="text" id="btnBoy"/> Eni: <input type="text" id="btnEn"/> Alani: <input type="text" id="btnAlan"/></span>
buton yanındaki alanı gösterecek js fonksiyonunu ekleyin.
<script type="text/javascript">
function goster()
{
document.getElementById('textAlani').style.visibility = "visible";
}
</script>
Bu fonksiyonu buton click eventi ile çağırın.
<input type="button" value="Ekle" onclick="goster()" />
Sonuç olarak şu kod çıkıyor.
<head><title></title></head>
<script type="text/javascript">
function goster()
{
document.getElementById('textAlani').style.visibility = "visible";
}
</script>
<body>
<input type="button" value="Ekle" onclick="goster()" /> <span id="textAlani" style="visibility:hidden">Boyu: <input type="text" id="btnBoy"/> Eni: <input type="text" id="btnEn"/> Alani: <input type="text" id="btnAlan"/></span>
</body>
Kolay gelsin
