Wie Sie die Formulardaten in HTML zurücksetzen mit jquery/javascript && und wie Sie die Formulardaten mit jquery an eine E-Mail senden?

Question

Ich bin neu in jquery

Ich arbeite an einem form data html,

jetzt muss ich on click auf der reset button die Daten reset und müssen auch transfer die Formulardaten auf, klicken Sie auf submit button E-Mail.

Kann mir jemand bei der Lösung helfen ??

Bevor ich die Frage gestellt habe, bin ich durch den Link gegangen, den Pierre C. aktualisiert hat, und meine Frage unterscheidet sich von dieser Frage und sogar wie fügt man das Attribut "type" im Anchor-Tag hinzu.

hier ist die html:

<form id="form" method="post"> 
    <fieldset> 
    <label> 
     <input type="text" value="Name"> 
    </label> 
    <label> 
     <input type="text" value="Email"> 
    </label> 
    <label> 
     <input type="text" value="Phone"> 
    </label> 
    <label> 
     <textarea>Message</textarea> 
    </label> 
    <div class="btns"> 
     <a href="#" class="button">Clear</a> 
     <a href="#" class="button" onClick="document.getElementById('form').submit()">Send</a> 
    </div> 
    </fieldset> 
</form> 

Answer 1

alle innerhalb einer Form, die Daten zu löschen, alles, was Sie tun müssen, ist fügen Sie ein

<input type="reset" name="reset" value="Reset"></input> 

jedoch Reset-Tasten ärgerlich sind und niemand benutzt sie, also schlage ich vor, dass Sie das einfach lassen. Was das Senden des Formulars betrifft, so schreibe ich diese App in ASP.NET MVC und lege einfach die Mail-Logik in den Controller oder erstelle eine API für deine App und erstelle dann einen Ajax-POST beim Klicken mit der Taste die Formulardaten als API-Parameter.