如何預填充和html表單字段以通過電子郵件發送？

Question

我有一個帶有“收件人”和“發件人”字段的HTML表單，我想做的是預先填充主題字段。 最好使用JS或jQuery。

因此，該消息將顯示為“嗨，謝謝您的光臨（消息的其余部分）...”，類似於LinkedIn如何預填充連接請求的主題字段。

我認為HTML占位符不起作用，因為它不會隨電子郵件一起發送。

Answer 1

實現此目的的方法很多，但我只會使用隱藏字段

<input type="hidden" name="subject" value="This is the subject">

Answer 2

您可以通過以下方式為輸入字段設置預定義值：

<input type="text" value="whatever you want"/> // or <input type="hidden" value="whatever you want">

如果只是靜態文本，則完全不需要javascript。

如果需要根據頁面內容對其進行更改，則可以訪問以下元素：

<input type="text" id="thisFieldsId"/>
var thisField = document.getElementById('thisFieldsId');
thisField.value = 'whatever you want';

Answer 3

設置值屬性。 如果您希望預填充的部分像占位符屬性一樣單擊時消失，但是如果他們不更改則實際發送該值，那么您需要一些JavaScript魔術才能在單擊時自動清除它/專注。

<input type="text" name="subject" value="Some Value">

或者如果您需要textarea

<textarea name="subject">Some Value</textara>

Answer 4

jQuery解決方案：

<input type="text" class="text" value=""/>

$(document).ready(function(){
$('.text').val('hey');
});`