我正在嘗試通過使用 bootstrap 表單創建一個聯系我們部分，該表單使用 mailto 發送輸入的資料。但是當我提交它時，在輸入一些資料后，使用提交按鈕 Gmail 彈出但沒有輸入任何內容。我應該怎么做才能讓我在表單中輸入的資料被輸入到電子郵件中？這是代碼
<form class="" action="mailto:[email protected]" method="post">
<div class="mb-3">
<label for="exampleFormControlInput1" class="form-label">Email address</label>
<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="[email protected]">
</div>
<div class="mb-3">
<label for="exampleFormControlTextarea1" class="form-label">Example textarea</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
我已經將目標電子郵件寫在了行動中，我將其更改為 [email protected] 就在此處。
uj5u.com熱心網友回復：
您需要將name屬性添加到每個欄位，這些欄位將出現在郵件正文中。它會自我格式化mail={your_message}等等。
您的代碼變為：
<form class="" action="mailto:[email protected]" method="post" enctype="text/plain">
<div class="mb-3">
<label for="exampleFormControlInput1" class="form-label">Email address</label>
<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="[email protected]" name="email">
</div>
<div class="mb-3">
<label for="exampleFormControlTextarea1" class="form-label">Example textarea</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" name="message"></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
JSFiddle
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/395746.html
標籤：html css bootstrap-5
上一篇：不旋轉文本的CSS微調器