Posts

How to create Registration form using HTML ?

STUDENT REGISTRATION FORM <HTML> <HEAD>      <TITLE>STUDENT REGISTRATION</TITLE>      </HEAD>         <BODY BGCOLOR="0FFF">         <FORM>         <TABLE> <TR> <TD COLSPAN="2"> <CENTER> < FONT SIZE="4"> <B>STUDENT REGISTRATION FORM</B> </FONT></CENTER>   </TD>  </TR> <TR> <TD>NAME</TD> <TD><INPUT TYPE="TEXT" PLACEHOLDER="NAME"></TD> </TR> <TR> <TD>FATHER'S NAME</TD> <TD><INPUT TYPE="TEXT" PLACEHOLDER="FATHER'S NAME"></TD> </TR> <TR> <TD>DOB </TD> <TD><INPUT TYPE ="DATE"></TD> </TR> <TR> <TD>GENDER</TD> <TD><INPUT TYPE="RADIO" NAME="GENDER"> MALE <INPUT TYPE="RADIO" NAME="GENDER"> FEMALE...
Post a Comment
Read more

How to make a sudoku grid using HTML ?

Sudoku Game <div style="text-align: left;"><span style="color: #800180; font-family: verdana; font-size: medium;"><b><i><u>Sudoku Game</u></i></b></span></div><div style="text-align: left;"><br /></div><div dir="ltr" style="text-align: left;" trbidi="on"> <html> <!-- <head> --> <style> .sudoku-board {  min-height: 22.75rem;  margin-top: 3px;  margin-bottom: 1em; } .sudoku-board-cell {  display: inline-block;  position: relative;  border: 1px solid #ddd;  background: white;  max-width: 11.11111%; } [data-board-size="9"].sudoku-board .sudoku-board-cell:nth-of-type(9n+1) {  border-left-width: 2px;  border-left-color: #808080; } [data-board-size="9"].sudoku-board .sudoku-board-cell:nth-of-type(n):nth-of-type(-n+9) {  border-top-width: 2px;  border-top-color: #808080; } [data-board-size="9"].sudo...
Post a Comment
Read more

Factorial HTML

Factorial Coding <html> <head> <script> function show(){ var i, no, fact; fact=1; no=1; no=Number(document.getElementById("num").value); for(i=1; i<=no; i++) { fact= fact*i; } document.getElementById("answer").value= fact; } </script> </head> <body> Enter num: <input id= "num"> <button onclick="show()">Factorial</button> <input id="answer"> </body> </html> Factorial Output Enter num: Factorial
Post a Comment
Read more

Smallest num HTML

Smallest num Coding <html> <head> <script> function Smallest() { var num1, num2, num3; num1 = Number(document.getElementById("N").value); num2 = Number(document.getElementById("M").value); num3 = Number(document.getElementById("O").value); if(num1<num2 && num1<num3) { window.alert(num1+"-is Smallest"); } else if(num2<num1 && num2<num3) { window.alert(num2+"-is Smallest"); } else if(num3<num1 && num3<num1) { window.alert(num3+"-is Smallest"); } } </script> </head> <body> <form> <h1>Calculate Smallest among three numbers</h1> <hr color="pink"> <br> Enter number 1: <input type="text" id="N"></input><br> Enter number 2: <input type="text" id="M"></input><br> Enter number 3: <input type="text" i...
1 comment
Read more

Largest num HTML

Largest Num Coding <html> <head> <script> function largest() { var num1, num2, num3; num1 = Number(document.getElementById("N").value); num2 = Number(document.getElementById("M").value); num3 = Number(document.getElementById("O").value); if(num1>num2 && num1>num3) { window.alert(num1+"-is greatest"); } else if(num2>num1 && num2>num3) { window.alert(num2+"-is greatest"); } else if(num3>num1 && num3>num1) { window.alert(num3+"-is greatest"); } } </script> </head> <body> <form> <h1>Calculate largest among three numbers</h1> <hr color="yellow"> <br> Enter number 1: <input type="text" id="N"></input><br> Enter number 2: <input type="text" id="M"></input><br> Enter number 3: <input type="text" id=...
Post a Comment
Read more

Calculator HTML

Calculate coding <html> <head> <body> <form name="calculator"> <table> <tr> <td colspan="4"> <input disabled="" id="display" name="display" type="text" /> </td> </tr> <tr> <td><input name="one" onclick="calculator.display.value += '1'" type="button" value="1" /></td> <td><input name="two" onclick="calculator.display.value +='2'" type="button" value="2" /></td> <td><input name="three" onclick="calculator.display.value +='3'" type="button" value="3" /></td> <td><input class="operator" name="plus" onclick="calculator.display.value +='+'" type="button" value="+" /></td> </tr...
Post a Comment
Read more