如何使用 mailto 的表单操作显示隐藏的表单字段？答案

【问题标题】：How to have a hidden form field appear with a form action of mailto?如何使用 mailto 的表单操作显示隐藏的表单字段？
【发布时间】：2016-11-02 17:16:48
【问题描述】：

我正在尝试为网页设计课程制作表单。表单操作必须是 mailto。该表单还需要一个隐藏字段，在我点击提交按钮后会弹出。到目前为止一切看起来都不错，但是在我将文件上传到学校服务器后，单击提交按钮后没有任何反应。我不确定是什么导致了问题。这是我的代码：

<form action="mailto:email@example.com" method="GET" enctype="text/plain"> 
    <fieldset>
        <legend><strong>Vote Your Favorite Month(s)!</strong></legend> <br/>
        <input type="checkbox" name="votemonth" value="Jan"> January | 
        <input type="checkbox" name="votemonth" value="Feb"> February | 
        <input type="checkbox" name="votemonth" value="Mar"> March <br/><br/>
        <input type="hidden" name="success-link" value="thankyou.html">
        <p><input type="submit" value="Submit"> <input type="reset" value="Restart"></p>
    </fieldset>
</form>

我在此文件的同一位置有thankyou.html 文件。我尝试过更改电子邮件地址，使用 POST，取出 enctype，更改隐藏输入类型的位置，但没有任何改变。

【问题讨论】：

不要使用隐藏类型。使用普通元素，隐藏它，然后使用 CSS 显示它。
@SteveWellens — 隐藏输入是正常元素。为什么要使用不同类型的元素并通过 CSS 帮助隐藏它？
@Quentin - 因为它会起作用？
@SteveWellens — 它没有比隐藏输入更多的工作机会。
@Quentin 您可以切换“普通”元素的可见性，但不能切换隐藏元素。 <input type="text" value="Input Visible" /> <input type="text" value="Input Not Visible" style="display:none" /> <input type="hidden" value="Hidden 'visible'" style="display:normal" /> <input type="hidden" value="Hidden Not Visible" />你肯定有很多声望点。我打赌我错过了什么:)

标签： html forms

【解决方案1】：

隐藏字段的工作方式与任何其他字段一样。

基本问题是mailto: as a form action does not work 足以在WWW 上使用。仅当访问者不太可能将兼容的浏览器和默认电子邮件客户端组合在一起时，它才有效。

如果您拥有该软件组合，则该字段中的数据将包含在生成的电子邮件中。

提交 mailto: 表单不会导致浏览器加载新的 HTML 文档。

【讨论】：