Practice how to create a form in an HTML page

HTML Online Editor

<!DOCTYPE html>
<html>
<head>
    <title>Form in HTML Page</title> 
</head>
<body>

    <h1>Example of Form in a Webpage</h1>
    <hr />
    <h3>This is an HTML form.</h3>
    <p>Write your name in the textbox and click the "Submit Name" button to see the effect.</p>

    
    <form>
        <label>Your Name:</label><input type="text" id="myText" />
        
        <input type="submit" id="btnSubmit" value="Submit Name" />
    </form>
    <p>&lt;form&gt; tag is used to create an HTML form. HTML form is used to submit data. </p>
 

    <script>
        var btnSubmit = document.querySelector("#btnSubmit");
        btnSubmit.addEventListener('click', function (e) {
            e.preventDefault();
	    var name = document.querySelector("#myText").value;
            alert("You have submitted your name as " + name);
        })
    </script>
</body>
</html>