用于向电子邮件字段添加文本的 HTML 网络表单按钮答案

【问题标题】：HTML webform button to add text to an email field用于向电子邮件字段添加文本的 HTML 网络表单按钮
【发布时间】：2017-08-19 00:06:51
【问题描述】：

我有一个非常基本的网络表单：First、Last、电子邮件。

我想创建将文本添加到电子邮件字段的选项/按钮。包含：@yahoo.com、@gmail.com 等的预定按钮。无论是链接/文本还是实际按钮。想不通！

谢谢！

比利

【问题讨论】：

你试过什么？这听起来像是基本的 JavaScript。您可以响应按钮单击并更新输入元素的值。你具体卡在哪里了？

标签： html webforms

【解决方案1】：

您可以添加一个选择框，其选择值可以使用 js/jquery 提供给文本框，并在需要添加更多邮件引擎时添加选项；从长远来看，这将对您有所帮助，因为如果您需要添加更多搜索引擎，添加按钮您将与 ui 妥协

【讨论】：

【解决方案2】：

在我看来，select 会更好看，就像在 fakemailgenerator 上使用的那样

<select name="email-domain">
    <option value="gmail">@gmail.com</option>
    <option value="yahoo">@yahoo.com</option>
    <option value="outlook">@outlook.com</option>
</select>

这是一个 jsfiddle sn-p 查看工作示例 https://jsfiddle.net/d713yvbf/

【讨论】：