Page 264 - Web_Application_v2.0_C12_Fb
P. 264

Output:
















              Example 71: To demonstrate the use of  onsubmit event

                  <!DOCTYPE HTML>
                  <HTML>

                  <HEAD>
                  <TITLE>JavaScript onsubmit</TITLE>
                  </HEAD>
                  <SCRIPT>

                  function validateForm() {
                  alert("Form submitted!");
                  return false; // Prevents actual form submission for demonstration
                  }

                  </SCRIPT>
                  </HEAD>
                  <BODY>
                  <form onsubmit="return validateForm()">
                  <input type="text" placeholder="Enter something">

                  <input type="submit" value="Submit">
                  </form>
                  </BODY>
                  </HTML>
              Output:















              Example 72: To demonstrate the use of  onfocus event

                  <!DOCTYPE HTML>

                  <HTML>

                262   Touchpad Web Applications (Ver. 2.0)-XII
   259   260   261   262   263   264   265   266   267   268   269