HTML webform按钮,用于向电子邮件字段添加文本

HTML webform按钮,用于向电子邮件字段添加文本,html,webforms,Html,Webforms,我有一个非常基本的网络表单:第一个,最后一个,电子邮件 我想创建向电子邮件字段添加文本的选项/按钮。预先确定的按钮,包含:@yahoo.com、@gmail.com等。无论是链接/文本还是实际按钮。我想不出来 谢谢大家! 比利您可以添加一个选择框,使用js/jquery将其所选值提供给textbox,并在需要添加更多邮件引擎时添加选项;如果你需要添加更多的搜索引擎,那么添加按钮将有损于用户界面。你可以添加一个选择框,使用js/jquery将选择的值提供给textbox,并在需要添加更多邮件引擎时

我有一个非常基本的网络表单:第一个,最后一个,电子邮件

我想创建向电子邮件字段添加文本的选项/按钮。预先确定的按钮,包含:@yahoo.com、@gmail.com等。无论是链接/文本还是实际按钮。我想不出来

谢谢大家!


比利

您可以添加一个选择框,使用js/jquery将其所选值提供给textbox,并在需要添加更多邮件引擎时添加选项;如果你需要添加更多的搜索引擎,那么添加按钮将有损于用户界面。你可以添加一个选择框,使用js/jquery将选择的值提供给textbox,并在需要添加更多邮件引擎时添加选项;从长远来看,这会对你有所帮助,因为如果你需要添加更多的搜索引擎,添加按钮会损害你的用户界面。

Aselect在我看来会更好,就像在


@gmail.com
@雅虎网站
@outlook.com
下面是一个JSFIDLE代码片段,以查看工作示例

Aselect在我看来会更好,就像在


@gmail.com
@雅虎网站
@outlook.com
下面是一个JSFIDLE代码片段,以查看工作示例

你试过什么?这听起来像是基本的JavaScript。您可以响应按钮单击并更新输入元素的值。你被困在哪里?你试过什么?这听起来像是基本的JavaScript。您可以响应按钮单击并更新输入元素的值。你被困在哪里?
<select name="email-domain">
    <option value="gmail">@gmail.com</option>
    <option value="yahoo">@yahoo.com</option>
    <option value="outlook">@outlook.com</option>
</select>