<form action="submit.php" method="post"> <input type="text" name="name" placeholder="姓名" /> <input type="email" name="email" placeholder="郵箱" /> <input type="tel" name="phone" placeholder="電話" /> <textarea name="message" placeholder="留言"></textarea> <input type="submit" value="發(fā)送" /> </form>
function sendForm() { var name = document.getElementsByName("name")[0].value; var email = document.getElementsByName("email")[0].value; var phone = document.getElementsByName("phone")[0].value; var message = document.getElementsByName("message")[0].value; var subject = "來自" + name + "的留言"; var body = "姓名:" + name + "%0D%0A郵箱:" + email + "%0D%0A電話:" + phone + "%0D%0A留言:" + message; window.location.href = "mailto:admin@example.com?subject=" + subject + "&body=" + body; }
function validateForm() { var name = document.getElementsByName("name")[0].value; var email = document.getElementsByName("email")[0].value; var phone = document.getElementsByName("phone")[0].value; var message = document.getElementsByName("message")[0].value; if (name == "" || email == "" || phone == "" || message == "") { alert("請?zhí)顚懰斜仨毜男畔ⅲ?); return false; } else { return true; } }
本文主要介紹了JavaScript Contact的使用方法和基本功能。但是,對于表單的實現(xiàn)來說,JavaScript Contact只是其中的一個組成部分。在實際應用中,還需要考慮表單的樣式、布局、響應式設計等等問題。因此,網(wǎng)站開發(fā)人員需要綜合考慮各種因素,打造出一個實用、美觀、易用的聯(lián)系人表單。
上一篇php 5.2.14
下一篇admin.php