角联系人表单,用于发送邮件并获得对输入电子邮件的回复

时间:2019-05-17 06:14:48

标签: angular

<form action="" method="post" role="form" class="contactForm" name="contactForm" autocomplete="off" id="formtext">
                <div class="form-group">
                  <input type="text" name="name" for="name" class="form-control" id="name" [(ngModel)]="name" required placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
                  <div class="validation"></div>
                </div>
                <div class="form-group">
                  <input type="email" class="form-control" name="email" for="email" id="email" [(ngModel)]="email" required placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
                  <div class="validation"></div>
                </div>
                <div class="form-group">
                  <input type="text" class="form-control" name="subject" for="subject" id="subject" [(ngModel)]="subject" required placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
                  <div class="validation"></div>
                </div>
                <div class="form-group">
                  <textarea class="form-control" name="comments" for="comments" [(ngModel)]="message" maxlength="140" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
                  <div class="validation"></div>
                </div>

                <div id="sendmessage">Your message has been sent. Thank you!</div>
                <div id="errormessage"></div>

                <div class="text-center"><button type="submit" title="Send Message">Send Message</button></div>
              </form>

0 个答案:

没有答案