为什么以电子邮件形式发送的 HTML 下拉选项看起来那么难读

Question

我正在使用 HTML 制作自动购物清单。我找到了一种将下拉选项发送到电子邮件草稿的方法。我想知道为什么 HTML 下拉选项在到达电子邮件草稿后看起来很糟糕。

如您在屏幕截图中所见，所做的下拉选择存储在 non-plaintext 形式中。也就是说，像+、&这样的特殊字符让它看起来真的不可读。你如何改变它？所以不是面粉品牌=选项A，或者类似的东西，它说flour+brand=OptionA 它不是用逗号或换行符分隔面粉品牌和重量，而是说 flour+brand=OptionA&flour+weight=5kg 或类似的东西。如何通过删除不必要的字符等使草稿更具可读性？

我真的很抱歉，但老实说，我不知道还有什么其他的方式可以表达我自己。我希望屏幕截图有所帮助。我非常感谢对这个问题的标题和内容进行编辑。如果可能，请帮忙。

代码：

    <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="">
    </head>
    <body>
        <h1>Automated Shopping List</h1>
        <form action="mailto:recipient@gmail.com" method="post">
            <label for="flour brand">Flour Brands:</label>
            <select name="flour brand" id="flour">
                <option value="OptionA">OptionA</option>
                <option value="OptionB">OptionB</option>
                <option value="OptionC">OptionC</option>
            </select>
            <select name="flour weight" id="flour">
                <option value="1kg">1kg</option>
                <option value="2kg">2kg</option>
                <option value="3kg">3kg</option>
                <option value="4kg">4kg</option>
                <option value="5kg">5kg</option>
            </select>
            <br>
            <label for="sugar weight">Sugar Weight:</label>
            <select name="sugar weight" id="sugar">
                <option value="1kg">1kg</option>
                <option value="2kg">2kg</option>
                <option value="3kg">3kg</option>
                <option value="4kg">4kg</option>
                <option value="5kg">5kg</option>
            </select>
            <br>
            <input type="submit" value="Send Email" />
        </form>
    </body>
</html>

Answer 1

尝试将表单编码为纯文本：

<form action="mailto:recipient@gmail.com" method="post" enctype="text/plain">

https://www.w3schools.com/tags/att_form_enctype.asp

为什么以电子邮件形式发送的 HTML 下拉选项看起来那么难读

Why do HTML dropdown selections sent in the form of an email look so unreadable

html

forms