AndrewStanton94/Form.html

## Form.html
<!DOCTYPE HTML>
<html>
    <head>
        <title>Dynasite 2c</title>
        <meta charset = 'UTF-8'>
        <link rel="icon" href="favicon.ico">
        <script src='ds2c.js'></script>
        <style>
            fieldset {border-radius: 5px}
        </style>
    </head>

    <body>
        <h1>ds2c &ndash; an active form</h1>

        <fieldset>
            <legend>Personal Data</legend>
            <form id=myfirstform>
                Name: <input type=text name=who value='Fred Bloggs'>
                <br>
                Gender &nbsp;
                    <input type=radio name=gender value=m> M &nbsp;
                    <input type=radio name=gender value=f> F &nbsp;
            </form>
        </fieldset>
    </body>
</html>

## submitListener.js
window.addEventListener(
    'load',
    function (event)
    {
        var firstform = document.getElementById('myfirstform');
        firstform.addEventListener(
            'submit',
            function (event)
            {
                alert('submit'); event.preventDefault();
            }
        );
    }
);
	<!DOCTYPE HTML>
	<html>
	<head>
	<title>Dynasite 2c</title>
	<meta charset = 'UTF-8'>
	<link rel="icon" href="favicon.ico">
	<script src='ds2c.js'></script>
	<style>
	fieldset {border-radius: 5px}
	</style>
	</head>

	<body>
	<h1>ds2c – an active form</h1>

	<fieldset>
	<legend>Personal Data</legend>
	<form id=myfirstform>
	Name: <input type=text name=who value='Fred Bloggs'>
	<br>
	Gender
	<input type=radio name=gender value=m> M
	<input type=radio name=gender value=f> F
	</form>
	</fieldset>
	</body>
	</html>
	window.addEventListener(
	'load',
	function (event)
	{
	var firstform = document.getElementById('myfirstform');
	firstform.addEventListener(
	'submit',
	function (event)
	{
	alert('submit'); event.preventDefault();
	}
	);
	}
	);