如何预填和 html 表单字段以通过电子邮件发送?
How can I prefill and html form field to send by email?
我有一个带有收件人和发件人字段的 HTML 表单,我想做的是预填充主题字段。最好使用 JS 或 jQuery.
因此该消息的读法"Hi, thanks for stopping by (the rest of the message)..."类似于 LinkedIn 预填充连接请求的主题字段的方式。
我认为 HTML 占位符不会起作用,因为它不会随电子邮件一起发送。
有很多方法可以做到这一点,但我只会使用隐藏字段
<input type="hidden" name="subject" value="This is the subject">
您可以通过
为输入字段设置预定义值
<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';
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input
设置值属性。如果您希望预填充部分在他们像占位符属性一样单击它时消失,但如果他们不更改它实际上会发送值,那么您需要一些 javascript 魔法来自己清除它它得到 clicked/focused.
<input type="text" name="subject" value="Some Value">
或者如果您需要文本区域
<textarea name="subject">Some Value</textara>
Jquery解法:
<input type="text" class="text" value=""/>
$(document).ready(function(){
$('.text').val('hey');
});`
我有一个带有收件人和发件人字段的 HTML 表单,我想做的是预填充主题字段。最好使用 JS 或 jQuery.
因此该消息的读法"Hi, thanks for stopping by (the rest of the message)..."类似于 LinkedIn 预填充连接请求的主题字段的方式。
我认为 HTML 占位符不会起作用,因为它不会随电子邮件一起发送。
有很多方法可以做到这一点,但我只会使用隐藏字段
<input type="hidden" name="subject" value="This is the subject">
您可以通过
为输入字段设置预定义值<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';
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input
设置值属性。如果您希望预填充部分在他们像占位符属性一样单击它时消失,但如果他们不更改它实际上会发送值,那么您需要一些 javascript 魔法来自己清除它它得到 clicked/focused.
<input type="text" name="subject" value="Some Value">
或者如果您需要文本区域
<textarea name="subject">Some Value</textara>
Jquery解法:
<input type="text" class="text" value=""/>
$(document).ready(function(){
$('.text').val('hey');
});`