Question

我还是初学者，但我猜我需要使用Javascript来做这个？可以用纯HTML来完成吗？

这就是我想要完成的事情：在“ID”字段改变。电子邮件的值“将通过添加后缀自动生成 @ gmail.ca。

Answer 1

我认为你正在寻找这样的东西（用纯Javascript编写）：

document.getElementById("input").onkeydown = function () {
    var j = document.getElementById("email");
    j.innerHTML = document.getElementById("input").value + "@gmail.ca";
}

查看this JSFiddle。

以下是对正在进行的事情的一些解释（用于学习目的）：

在HTML中，有一个input和一个div。在Javascript中，为onkeydown文本字段设置了input侦听器。这意味着每次击键后都会调用该函数。

然后，innerHTML的{{1}}更新为div input＆＃34; gmail.ca＆＃34;附在最后。

希望这有帮助！

Answer 2

必须使用jQuery或纯JS。

HTML：

<input id="ID" type="text"></input>
<br>
<label id="email"></label>

JS：

$("#ID").keyup (function () {
    $("#email").text($("#ID").val() + '@gmail.ca');
});

Fiddle

HTML。当另一个表单字段被更改时，它会更改

2 个答案: