
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>zip358.com:sample-echo?</title> <style> video { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background-size: cover; } textarea{ width:250px; height:300px; } #main{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width:650px; height:600px; background:#556B2F; filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 40px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 40px; } #sub{ width:250px; height:400px; overflow: scroll; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; background:#fff; color:#DC143C; font-size:16px; } form{ margin: 50px; } input,textarea{ filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; color:#DC143C; } </style> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <?php ?> <video autoplay="" loop="" > <source src="./vide01.mp4" type="video/mp4"> </video> <div id="main"> <table> <tr> <td> <form action="./index.php" method="post"> <input type="text" / name="name"><br><br> <textarea name="msg"></textarea><br><br> <input type="submit" /><br> </div> </form> </td> <td> <div id="sub"> <?php echo htmlspecialchars($_POST["name"])."<br><br>".nl2br(htmlspecialchars($_POST["msg"])); ?> </td> </tr> </div> </body> </html>