need to add a hot key on a registration form on my webpage for users to obtain the names and email addresses of all registered users

Add the capability to the registration form on your webpage for users to obtain the names and email addresses of all registered users using a hotkey. Make sure to identify the hotkey so users will know that it is available.

Here is the code already there on the page. Really having a hard time with this, although it is probably simple.

<!DOCTYPE html>

<html lang=”en”>

<head><meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>

<title>Jennifer Young’s Page</title>

<meta name=”viewport” content=”width=device-width, initial-scale=1″>

<link href=”styles.css” rel=”stylesheet” type=”text/css” />

</head>

<body background=”2281.jpg”>

<p><br />

<meta name=”viewport” content=”width=device-width, initial-scale=1″></p>

</body>

<style type=”text/css”>.navbar {

overflow: hidden;

background-color: #333;

font-family: Arial, Helvetica, sans-serif;

}

.navbar a {

float: left;

font-size: 16px;

color: white;

text-align: center;

padding: 14px 16px;

text-decoration: none;

}

.dropdown {

float: left;

overflow: hidden;

}

.dropdown .dropbtn {

font-size: 16px;

border: none;

outline: none;

color: white;

padding: 14px 16px;

background-color: inherit;

font-family: inherit;

margin: 0;

}

.navbar a:hover, .dropdown:hover .dropbtn {

background-color: red;

}

.dropdown-content {

display: none;

position: absolute;

background-color: #f9f9f9;

box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

z-index: 1;

}

.dropdown-content a {

float: none;

color: black;

padding: 12px 16px;

text-decoration: none;

display: block;

text-align: left;

}

.dropdown-content a:hover {

background-color: #ddd;

}

.dropdown:hover .dropdown-content {

display: block;

}

</style>

<div class=”navbar”><a href=”#home”>Home</a> <a href=”#news”>News</a>

<div class=”dropdown”><button class=”dropbtn”>Dropdown</button>

<div class=”dropdown-content”><a href=”#”>Pinterest</a> <a href=”#”>Photography</a> <a href=”#”>About Me</a></div>

</div>

</div>

<p><img alt=”Sloth” height=”100px” src=”giphy.gif” style=”margin: 10px;” width=”100px” /></p>

<p></p>

min-width: 160px;

Click Here” class=”redactor-linkify-object”>http://www.pinterest.com”>Here for Pinterest

Click Here” class=”redactor-linkify-object”>http://www.popphoto.com”>Here for Popular Photography

<p>Hi! My name is <b>Jill Young. </b> I live in Louisville, KY with my husband and my daughter, who is 9 years old. I graduated with a doctorate in Leadership Education in 2009. I also have a Master of Arts in Human Resource Management and a Master of Business Administration. I have worked as a trainer, a market research analyst, and a flight attendant as well as in positions in finance and sales.</p>

<p>I have owned my own photography business and I still do photography on the side. I am a full time instructor at this time, as I teach at 4 other colleges as well. I am currently working on my seventh degree (fourth graduate) in Computer Information Systems. My hobbies include playing guitar and baking themed cakes.</p>

<p>Jennifer Jill Young</p>

<p><a href=”mailto:drjenniferjill@gmail.com”>Click Here to Email</a><br />

<br />

<script type=”text/javascript”>

var today = new Date()

var year = today.getFullYear()

document.write(“Date: “,today, year)

</script></p>

<p></p>

<div class=”modal” id=”id01″>

<form action=”signup.php” class=”modal-content animate” method=”post”>

<div class=”imgcontainer”><span class=”close” onclick=”document.getElementById(‘id01’).style.display=’none'” title=”Close Modal”>×</span> <img alt=”Avatar” class=”avatar” src=”img_avatar2.png” /></div>

<div class=”container”><label for=”email”><b>Email</b></label><input name=”email” placeholder=”Enter Email” required=”” type=”text” /> <label for=”psw”><b>Password</b></label> <input name=”psw” placeholder=”Enter Password” required=”” type=”password” /> <label for=”psw-repeat”><b>Repeat Password</b></label> <input name=”psw-repeat” placeholder=”Repeat Password” required=”” type=”password” /> <label> <input checked=”checked” name=”remember” style=”margin-bottom:15px” type=”checkbox” /> Remember me </label>

<p>By creating an account you agree to our <a href=”#” style=”color:dodgerblue”>Terms & Privacy</a>.</p>

<div class=”clearfix”><button class=”signupbtn” name=”submit” type=”submit”>Sign Up</button></div>

</div>

</form>

</div>

<p></p>

<div class=”modal” id=”id02″>

<form action=”action_page.php” class=”modal-content animate” method=”post”>

<div class=”imgcontainer”><span class=”close” onclick=”document.getElementById(‘id02’).style.display=’none'” title=”Close Modal”>×</span> <img alt=”Avatar” class=”avatar” src=”img_avatar2.png” /></div>

<div class=”container”><label for=”uname”><b>Username</b></label> <input name=”uname” placeholder=”Enter Username” required=”” type=”text” /> <label for=”psw”><b>Password</b></label> <input name=”psw” placeholder=”Enter Password” required=”” type=”password” /><button name=”submit” type=”submit”>Login</button> <label> <input checked=”checked” name=”remember” type=”checkbox” /> Remember me </label></div>

<label accesskey=”E” for=”uname”><u>E</u>-nterUsername </label> <input id=”uname” name=”Enter Username” type=”TEXT” />

<div class=”container” style=”background-color:#f1f1f1″><span class=”psw”>Forgot <a href=”#”>password?</a></span></div>

</form>

</div>

<script>

var loginmodal = document.getElementById(‘id02’);

var signupmodal = document.getElementById(‘id01’);

// When the user clicks anywhere outside of the modal, close it

window.onclick = function(event) {

if (event.target == loginmodal) {

loginmodal.style.display = “none”;

}

else if (event.target == signupmodal) {

signupmodal.style.display = “none”;

}

}

</script></html>

 
Do you need a similar assignment done for you from scratch? We have qualified writers to help you. We assure you an A+ quality paper that is free from plagiarism. Order now for an Amazing Discount!
Use Discount Code "Newclient" for a 15% Discount!

NB: We do not resell papers. Upon ordering, we do an original paper exclusively for you.