html form display results same page
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <script language="JavaScript"> function showInput() { document.getElementById('display').innerHTML = document.getElementById("user_input").value; } </script> </head> <body> <form> <label><b>Enter a Message</b></label> <input type="text" name="message" id="user_input"> </form> <input type="submit" onclick="showInput();"><br/> <label>Your input: </label> <p><id='display'></span></p> </body> </html>