뉴스 목록 수정, 새로운 프런트엔드 페이지
이 장에서는 간단한 수정과 프런트엔드 코드 추가를 소개합니다.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no" /> <title>新闻修改页</title> <style> .w414{ width: 414px; } .w350{ width: 350px; } .h600{ height: 600px; } .mr_auto{ margin: 0 auto; } .fz{ font-size: 40px; letter-spacing:20px; } .bg_col{ background: #ebf8a4; } .h150{ height: 80px; } .pt{ padding-top: 50px ; } .bg_col1{ background: #A6C8FF; } </style> </head> <body> <div class="w414 mr_auto"> <div class="bg_col w414 h150"> <p style= "text-align:center;" class="fz col">新闻修改页面</p> </div> <div class="pt bg_col1 w350 h600"> <form method="post" id="form1" name="form1"> 标题:<input type="text" name="title" value="<?php echo $id?$row['title']:'';?>"><br/><br/> 内容:<textarea style="width: 250px;height:150px;margin-left: 5px" name="content"><?php echo $id?$row['content']:'';?></textarea><br/><br/> 作者:<input type="text" name="author" value="<?php echo $id?$row['author']:'';?>"><br/><br/> <input style="float: right" type="submit" value="确认修改"> </form> </div> </div> </body> </html>
는 단순한 점프 페이지입니다. <form method="post" id="form1" name="form1">은 수정된 콘텐츠를 PHP 페이지로 전송하고 수신하는 것입니다. PHP 페이지에서 수정된 내용을 데이터베이스에 저장합니다.