0

这是来自 Bed Bath and Beyond的精彩电子邮件活动！这是因为电子邮件活动中可能没有 JS 或 PHP，但是，有一个有效的搜索表单。

那么，有人知道它是怎么做的吗？我是一名电子邮件设计师，我想将此功能添加到我公司的时事通讯中。谢谢您的帮助！

电子邮件中搜索表单的片段

    <table width="650" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td bgcolor="#6699cc" colspan="9"><img style="display: block;" height="7" width="650" border="0" alt="" src="http://image.bedbathandbeyond.com/bedbathbeyond/2010/search_test/search_top.jpg"></td>
</tr>
<tr>
<td width="14"><img style="display: block;" height="33" width="14" border="0" alt="" src="http://image.bedbathandbeyond.com/bedbathbeyond/2010/search_test/search_left.jpg"></td>
<td bgcolor="#336699" width="272"><input class="search" size="36" name="sstr" value="enter keyword" style="display:block; width:240px;"></td>
<td bgcolor="#336699" width="22"><img style="display: block;" height="33" width="13" border="0" alt="" src="http://image.bedbathandbeyond.com/bedbathbeyond/2010/search_test/spacer.gif"></td>
<td width="71"><input id="SEARCH" title="SEARCH" type="image" height="33" alt="SEARCH" width="71" src="http://image.bedbathandbeyond.com/bedbathbeyond/2010/search_test/search_submit.jpg" border="0" name="SEARCH" style="display:block"></td>
<td bgcolor="#6699cc" width="7"><img style="display: block;" height="33" width="7" border="0" alt="" src="http://image.bedbathandbeyond.com/bedbathbeyond/2010/search_test/spacer.gif"></td>
<td width="134"><a href="http://bargainswoop.com/go-to/?http://www.bedbathandbeyond.com/search/searchByBrand.aspx?utm_source=e&amp;utm_medium=e&amp;utm_term=e&amp;utm_content=headerfooter&amp;utm_name=JulyCirc" target="_blank" rel="nofollow"><img style="display: block;" height="33" width="134" border="0" alt="Shop By Brand" src="http://image.bedbathandbeyond.com/bedbathbeyond/2010/search_test/search_bybrand.jpg"></a></td>
<td bgcolor="#6699cc" width="7"><img style="display: block;" height="33" width="7" border="0" alt="" src="http://image.bedbathandbeyond.com/bedbathbeyond/2010/search_test/spacer.gif"></td>
<td width="116"><a hrefenter code here="http://bargainswoop.com/go-to/?http://www.bedbathandbeyond.com/nodePage.asp?order_num=-1&amp;RN=856?utm_source=e&amp;utm_medium=e&amp;utm_term=e&amp;utm_content=headerfooter&amp;utm_name=JulyCirc" target="_blank" rel="nofollow"><img style="display: block;" height="33" width="116" border="0" alt="What's New" src="http://image.bedbathandbeyond.com/bedbathbeyond/2010/search_test/search_whatsnew.jpg"></a></td>
<td bgcolor="#6699cc" width="7"><img style="display: block;" height="33" width="7" border="0" alt="" src="http://image.bedbathandbeyond.com/bedbathbeyond/2010/search_test/spacer.gif"></td>
</tr>
<tr>
<td bgcolor="#6699cc" colspan="9"><img style="display: block;" height="7" width="650" border="0" alt="" src="http://image.bedbathandbeyond.com/bedbathbeyond/2010/search_test/search_bottom.jpg"></td>
</tr>
</tbody></table>
4

1 回答 1

1

表格应该只是一个普通的表格，没有任何技巧。

从CSS 技巧中查看这篇文章。

问题是兼容性问题，电子邮件客户端很困难，因为它们多次不遵循相同的标准。您应该逐一介绍您想要支持的客户，看看您是否对结果感到满意。

我正在尝试很多次，稍后会发布一个（简短的）列表。

请注意，正如文章所说，某些电子邮件客户端中可能会有一些警告。

Gmail - 使用警告。

Hotmail - 似乎不起作用（寻找解决方法）。（工作正在进行中）

从活动监视器获取的兼容性表：

在此处输入图像描述

我认为这将取决于您对数据库的了解。

但总而言之，这可能不是一个好主意，因为对于看不到或无法使用它的用户来说，这可能会很烦人，有太多的电子邮件客户端不遵循相同的标准。

于 2012-07-13T19:17:10.387 回答