home
play_circle_filled
menu
cached
settings_brightness
Run
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <head> <title>HTML form Tag Attributes Example</title> <meta charset="utf-8" /> <style> input { margin: 10px; padding: 5px; } </style> </head> <body> <h2>HTML form Tag Attributes Example</h2> <form id="myform" action="./serverpage" method="get"> <div> <label for="fname">First Name: </label> <input type="text" name="fname" id="fname" required> </div> <div> <label for="lname">Last Name: </label> <input type="text" name="lname" id="lname" required> </div> <div> <label for="email">Your Email: </label> <input type="email" name="email" id="email" required> </div> <div> <input type="submit" value="Submit Now" onclick=submitForm()> </div> </form> <script> let myform = document.getElementById("myform"); function submitForm() { if(myform.checkValidity()){ alert("Form data submitted."); event.preventDefault(); } } </script> </body> </html>