Php 清除html文本字段_Php_Mysql

Php 清除html文本字段

php mysql

Php 清除html文本字段,php,mysql,Php,Mysql,我有一个用于提交和检索MySQL数据库数据的HTML表单，它有两个按钮，“保存/提交”和“新建/重置” 它可以从MySQL数据库中正确地获取数据，但当我单击New/Reset按钮创建新联系人条目时，它无法清除表单文本字段。我的HTML和PHP代码如下所示： <?php //Database Connection file. include'connect.php'; $sql = mysql_query("SELECT * FROM contact_list WHERE id='1'");

我有一个用于提交和检索MySQL数据库数据的HTML表单，它有两个按钮，“保存/提交”和“新建/重置” 它可以从MySQL数据库中正确地获取数据，但当我单击New/Reset按钮创建新联系人条目时，它无法清除表单文本字段。我的HTML和PHP代码如下所示：

<?php
//Database Connection file.
include'connect.php';
$sql = mysql_query("SELECT * FROM contact_list WHERE id='1'");
While($result = mysql_fetch_assoc($sql)){
   $fname = $result['fname'];
   $lname = $result['lname'];
   $email = $result['email'];
   $contact = $result['contact'];
}

if(isset($_POST['fname'])&&isset($_POST['lname'])&&isset($_POST['email'])&&
isset($_POST['contact'])){
   $fname = $_POST['fname'];
   $lname = $_POST['lname'];
   $email = $_POST['email'];
   $contact = $_POST['contact'];

if($sql = mysql_query("INSERT INTO contact_list VALUES ('', '$fname', '$lname',
'$email', '$contact')")){
   echo'Contact Save Successfully.';
}else{
   echo'Contact not save.';
}
}
?>
<html>
<form action="sample.php" method="POST">
   First Name:<input type="text" name="fname" value="<?php if(isset($fname))
   {echo $fname;}?>">
   Last Name:<input type="text" name="lname" value="<?php if(isset($lname))
   {echo $lname;}?>">
   Email:<input type="text" name="email" value="<?php if(isset($email))
   {echo $email;}?>">
   Contact:<input type="text" name="contact" value="<?php if(isset($contact))
   {echo $contact;}?>">
//Clean all fields of forms for new entry.
   <input type="reset" value="New">
//Save or submit form data into mysql database
   <input type="submit" value="Save">
</form>
</html>

通过使用jQuery，您可以轻松做到这一点
<html>
<head>
<script type="text/javascript">
$(document).ready(function() {
    $("#btnReset").click(function(){
       $("#fname").val("");
       $("#lname").val("");
       $("#email").val("");
       $("#contact").val("");
    }); 
});

</script>
</head>
<form action="sample.php" method="POST">
   First Name:<input type="text" name="fname" value="<?php if(isset($fname))
   {echo $fname;}?>" id="fname">
   Last Name:<input type="text" name="lname" value="<?php if(isset($lname))
   {echo $lname;}?>" id="lname">
   Email:<input type="text" name="email" value="<?php if(isset($email))
   {echo $email;}?>" id="email">
   Contact:<input type="text" name="contact" value="<?php if(isset($contact))
   {echo $contact;}?>" id="contact">
//Clean all fields of forms for new entry.
   <input type="reset" value="New" id="btnReset">
//Save or submit form data into mysql database
   <input type="submit" value="Save" id="btnSave">
</form>
</html>


$（文档）.ready（函数（）{
$（“#btnReset”）。单击（函数（）{
$（“#fname”）.val（“”）；
$（“#lname”）.val（“”）；
$（“#email”）.val（“”）；
$（“#联系人”）.val（“”）；
}); 
});
名字：（mysql.*
functions）扩展名为。我建议使用（mysqli.*
函数）或相反。RESET会将表单重置为其原始值，而不是将其清除。使用Jquery来实现这一点<代码>$（':text'）.val（''）亲爱的瑞德：20小时前，穆罕默德·希沙姆（Muhammad Hisham）我使用了你的代码，效果很好，但还有一个问题，当我清除文本字段并在文本字段中放入新数据，然后点击保存/提交按钮时，数据提交成功，但仍在文本字段中。我再次按“新建/清除”按钮以清除值，您有什么建议来处理这个问题。@khizar067然后在“保存”按钮上单击“执行相同的工作”，在保存数据后复制相同的代码行，字段将被清除。