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

时间:2017-08-18 15:58:25

标签: html webforms

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

我想创建将文字添加到电子邮件字段的选项/按钮。包含以下内容的预定按钮:@ yahoo.com,@ gmail.com等。无论是链接/文本还是实际按钮。无法理解!

谢谢!

比利

2 个答案:

答案 0 :(得分:1)

您可以添加一个选择框,其选择的值可以使用js / jquery提供给文本框,并在需要添加更多邮件引擎时添加选项;如果您需要添加更多搜索引擎,那么从长远来看,这会对你有所帮助,如果你需要添加更多的搜索引擎,你会对ui做出妥协

答案 1 :(得分:1)

选择根据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片段,可以看到工作示例 https://jsfiddle.net/d713yvbf/