Click here to Skip to main content
15,030,183 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
my code

HTML
<form id="contact-form" method="post" action="" >
                               <!--action="mailto:Info@Mali.arun44@gmail.com"-->
                               <div class="contact-form-loader"></div>
                               <fieldset>
                                   <div class="row">
                                       <div class="grid_2">
                                           <label class="name">
                                               <input id="nm" type="text" name="name" placeholder="Name:" value=""
                                                      data-constraints="@Required @JustLetters"/>
                                               <span class="empty-message">*This field is required.</span>
                                               <span class="error-message">*This is not a valid name.</span>
                                           </label>
                                       </div>
                                       <div class="grid_2">
                                           <label class="email">
                                               <input id="mail" type="text" name="email" placeholder="E-mail:" value=""
                                                      data-constraints="@Required @Email"/>
                                               <span class="empty-message">*This field is required.</span>
                                               <span class="error-message">*This is not a valid email.</span>
                                           </label>
                                       </div>
                                       <div class="grid_2">
                                           <label class="phone">
                                               <input id="mno" type="text" name="phone" placeholder="Phone:" value=""
                                                      data-constraints="@JustNumbers"/>
                                               <span class="empty-message">*This field is required.</span>
                                               <span class="error-message">*This is not a valid phone.</span>
                                           </label>
                                       </div>
                                   </div>
                                   <label class="message">
                                       <textarea name="message" placeholder="Message:" id="msg"
                                                 data-constraints='@Required @Length(min=20,max=999999)'></textarea>
                                       <span class="empty-message">*This field is required.</span>
                                       <span class="error-message">*The message is too short.</span>
                                   </label>
                                   <div class="btn-wrap">
                                       <a class="btn_3" href="#" data-type="reset">clear</a>
                                       <a class="btn_3" href="#" data-type="submit">send</a>
                                      <!-- <input id="bt1" type="submit" />-->
                                        <input type="button" value="Send Email" />
                                  <!--     contact@shivmaniinfotech.com-->
                                   </div>
                               </fieldset>
                               <div class="modal fade response-message">
                                   <div class="modal-dialog">
                                       <div class="modal-content">
                                           <div class="modal-header">
                                               <button type="button" class="close" data-dismiss="modal"
                                                       aria-hidden="true">×</button>
                                               <h4 class="modal-title">Modal title</h4>
                                           </div>
                                           <div class="modal-body">
                                               You message has been sent!
                                           </div>
                                       </div>
                                   </div>
                               </div>
                           </form>
Posted
Updated 28-Dec-15 0:53am
v2
Comments
Richard MacCutchan 28-Dec-15 6:54am
   
What is the question?

You can't simply send it like this.

If you wish to use client's email id (and email server), mail must be opened in outlook/default email client.
If you wish to use your own email server/credentials, you can't do it client side. It requires configuration at server.

Suggesting you to learn more about sending emails via code.
   
Without server interaction you can't, however simplest possible way is PHP's mail() which also works in Free Hosting providers.

mail(to,subject,message,headers,parameters);

Find more here
PHP mail() Function[^]
   

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)




CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900