how to create pop message in simple html form code example

Example: how to create pop message in simple html form

<html>
<head>
<title>
</title>

<style>
table
{
color:white;
border-radius:20px;
}

#button
{
background-color:green;
color:white;
height:32px;
width:85px;
border-radius:25px;
}

body
{
background:linear-gradient(red,blue);
}
</style>
   




</head>

<body>
<br><br><br><br><br><br><br>

<form>

<table border="0" bgcolor="black" align="center" cellspacing="20">
<tr>
<td>First Name</td>
<td><input type="text" placeholder="First Name" required  value = "" maxlength = "10"></td>

</tr>

<tr>
<td>Last Name</td>
<td><input type="text" placeholder="Last Name" required  value = "" maxlength = "10"></td>
</tr>

<tr>
<td>Email Address</td>
<td><input type="text" placeholder="Email Address" required  value = "" maxlength = "27"></td>
</tr>

<tr>
<td>Password</td>
<td><input type="password" placeholder="Password" required   value = "" maxlength = "14"></td>
</tr>

<tr>
<td>Confirm Password</td>
<td><input type="password" placeholder="Confirm password" required value = "" maxlength = "14"></td>
</tr>

<tr>
<td>Gender</td>  
<td>
<input type="radio" name="r1" required>Male
<input type="radio" name="r1" required>Female
</td>
</tr>

<tr>
<td colspan="2" align="center"><a href ="login.html"><input type="submit" id="button"></a></td>
</tr>


</form>

</table>
</body>
</html>