將日期從 html 表單發送到 Google 日歷等

Question

這是一個菜鳥問題。 我想做的是建立一個生日聚會預訂網站，讓人們填寫表格：是/否將參加，姓名，email。 填寫“將參加”的表格后，我希望有一個彈出模式，可以選擇“添加到您的日歷：Google、iCal 等”。 這在 html 形式（javascript/ajax）中是否可行？ 我知道它可以在 WordPress 中完成。 感謝您的任何幫助/建議。

Answer 1

這是您可以做什么的一個非常基本的想法。 我使用此處的答案將表單放入控制台： https://stackoverflow.com/a/47188324/12946266您最有可能需要使用 php 來操作此表單，但我不能在這里使用它。

 const form = document.querySelector('form'); document.getElementById("myForm").addEventListener("submit", function(event) { event.preventDefault(); var values = Object.values(form).reduce((obj, field) => { if(field.type=='radio'){ obj[field.name] = field.checked; }else{ obj[field.name] = field.value; } return obj }, {}) console.log(values); });

 <form id="myForm" action="/action_page.php"> First name: <input type="text" name="fname" value=""><br> Last name: <input type="text" name="lname" value=""><br> email: <input type="text" name="email" value=""><br> <input type="radio" id="attending" name="attendance" value="attending"> <label for="attending">attending</label> <br> <input type="submit" value="Submit"><br> </form>