<!DOCTYPE html>
<head>
<link href="bootstrap-3.0.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script>
function val1(){
var name1=document.getElementById('name').value;
var class1=document.getElementById('clas').value;
var age1=document.getElementById('age').value;
document.getElementById('disp').style.display='blo ck'
document.getElementById('n').innerHTML= name1;
document.getElementById('c').innerHTML=class1;
document.getElementById("a").innerHTML=age1;
}
</script>
</head>
<body>
<form class="container" >
<div class="form-group ">
<div class="row">
<div class="col-md-1 col-md-offset-1">
<label class="label-control" >name</label>
</div>
<div class="col-md-8">
<input type="text" class="form-control" id="name">
</div>
</div>
</div>
<div class="form-group form-inline">
<div class="row">
<div class="col-md-1 col-md-offset-1">
<label >class</label>
</div>
<div class="col-md-8 ">
<input type="text" class="form-control" id="clas">
</div>
</div>
</div>
<div class="form-group form-inline">
<div class="row">
<div class="col-md-1 col-md-offset-1">
<label >age</label>
</div>
<div class="col-md-8">
<input type="text" class="form-control" id="age">
</div>
</div>
</div>
<div class="form-group form-inline">
<div class="row">
<button type="submit" class="btn btn-warning btn-block" onclick= "val1()">submit</button>
</div>
</div>
</form>
<div class="well well-sm" id="disp" style="display:none;">
<p id="n"></p><br>
<p id="c"></p><br>
<p id="a"></p><br>
</div>
</body>
thisismycode todispaly the elements. but if i click submit button the text blinks once.The text has to be displyed.
19
