如何通过电子邮件预填充和html表单字段？

Question

我有一个带有To和From字段的HTML表单，我想要做的是预填充主题字段。最好使用JS或jQuery。

所以消息会读取＆＃34;嗨，感谢您停止（消息的其余部分）......＆＃34;类似于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

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input

设置值属性。如果您希望预填充的部分在它们像占位符属性一样点击时消失，但实际上发送的值如果他们不改变它，那么您需要一些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');
});`

Fiddle