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="./server-endpoint" method="post"> <div> <label>IDNo: <input type="text" name="id" id="id" required> </label> </div> <div> <label>Name: <input type="text" name="name" id="name" required> </label> </div> <div> <label>Email: <input type="email" name="email" id="email" required> </label> </div> <div> <input type="submit" value="Sent Now" onclick=submitForm(event)> </div> </form> <script> let myform = document.getElementById("myform"); let id = document.getElementById("id"); let name = document.getElementById("name"); let email = document.getElementById("email"); function submitForm(e) { if (myform.checkValidity()) { alert("Form information submitted."); event.preventDefault(); } } </script> </body> </html>