nagaraju v: June 2014

Sunday, 29 June 2014

Html program for counting button click

Html program for counting button click

<html>
<head>
<title>EVM</title>
<script type="text/javascript">
var p=0;
var q=0;
var r=0;
var s=0;
function a()
{
p=p+1;
}
function b()
{
r=r+1;
}
function c()
{
q=q+1;
}
function d()
{
s=s+1;
}
function total()
{
document.f1.fie1.value=p;
document.f1.fie2.value=r;
document.f1.fie3.value=q;
document.f1.fie4.value=s;
}
function rst()
{
p=0;
q=0;
r=0;
s=0;
}
</script>
</head>
<form name="f1">
<body>
<input type="button" value="TDP" style="background-color:yellow" onClick="return a()">
<br>
<input type="button" value="YSR" style="background-color:blue" onClick="return b()">
<br>
<input type="button" value="Congress" style="background-color:red" onClick="return c()">
<br>
<input type="button" value="JSA" style="background-color:green" onclick="return d()">
<br>
TDP <input type="text" name="fie1">
<br>
YSR <input type="text" name="fie2">
<br>
Congress <input type="text" name="fie3">
<br>
JSA <input type="text" name="fie4">
<br>
<input type="button" value="total" onClick="return total()">
<input type="reset" value="reset" onClick="return rst()">
</form>
</body>
</html>

Output:

Html program for form submition

<html>
<head>
<title>mypage</title>
<script type="text/javascript">
function check()
{
alert("submited successfully");
}
</script>
</head>
<body>
<form name="f1">
name:    <input type="text" name="name">
<br>
email:   <input type="text" name="email">
<br>
dob:     <input type="date" name="dob">
<br>
gender: male<input type="radio" name="gender">
         female<input type="radio" name="gender">
<br>
hobbies: <input type="checkbox" name="cricket">cricket
         <input type="checkbox" name="hockey">hockey
<br>
address: <textarea rows="4" cols="20">
</textarea>
<br>
state:   <select name="state">
         <option>ap</option>
         <option>up</option>
         <option>hp</option>
         </select>
<br>
         <input type="submit" value="submit" onClick="return check()">
<br>
         <input type="submit" value="reset">
</form>
</body>
</html>

Output: