本章介紹的是簡單的修改,新增前端的程式碼。
<!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頁面接收,再將修改好的內容存到資料庫。