Wie ein div sichtbar machen, nachdem E-Mail mit PHP gesendet wird

Question

Ich habe folgendes Kontaktformular in meiner Datei index.html

<div class="alert alert-success visible" id="successmsg"><strong>Success!</strong> Your message has been sent to us.</div> 

<form method="post" action="mail.php" class="contact-form"> 
      <div class="form-group">    
      <input type="text" class="form-control" name="name" id="name" placeholder="Name"> 
      </div> 
      <div class="form-group">     
      <input type="email" class="form-control" name="email" id="email" placeholder="Email"> 
      </div> 
      <div class="form-group">    
      <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject"> 
      </div>    
      <div class="form-group"> 
      <textarea class="form-control" type="text" name="message" id="message" placeholder="Message"></textarea> 
      </div> 
      <div class="actions"> 
      <button type="submit" data-text="SUBMIT" class="button button-default"><span>SUBMIT</span></button> 
      </div> 
     </form>  

Die id „successmsg“ in der HTML-Datei versteckt ist eine einfache Anzeige mit: keiner; Code & Ich brauche es sichtbar zu machen, wenn die E-Mail die folgende PHP gesendet wird mit

<?php$name = $_POST['name']; 

$email = $_POST['email']; 

$message = $_POST['message']; 

$subject = $_POST['subject']; 

$formcontent=" Name:\r $name \n\n Email:\r $email \n\n Subject:\r $subject \n\n Message:\r $message "; 

$recipient = "towersdvd@gmail.com"; 

$subject = "Website Contact"; 

$mailheader = "From: $email \r\n"; 

mail($recipient, $subject, $formcontent, $mailheader); 


<style type="text/css">#lol{display:yes;}</style> 
exit;}?> 

Dies überhaupt nicht funktionieren. Kann mir jemand dabei helfen? Ich schätze deine freundliche Hilfe sehr. Danke im Voraus! :)

Answer 1

Es gibt keinen "Ja" -Wert für die Anzeigeeigenschaft. Versuchen Sie, es in {display: block;} oder {display: inline;} abhängig zu ändern.

Überprüfen Sie diesen Link für weitere Informationen: https://developer.mozilla.org/en-US/docs/Web/CSS/display

Answer 2

Ich glaube, Sie verwenden/setzen die falsche ID

ändern Bitte <style type="text/css">#lol{display:yes;}</style>

TO

< style type="text/css">#successmsg{display:inline;}</style>

Hope Diese wird helfen.