在登录框中的用户名后自动填写文本

Question

我正在搜索选项，以便在登录框中的用户名后自动填写内容，例如：perry @ test

所以@test应该始终在你的用户名之后。

这就是我们现在使用的。

Answer 1

您无法仅使用HTML自动将值附加到输入框中，您需要使用Javascript。

如果使用jquery，只需更改输入框内的值，就可以在输入框中附加文本。

$( "#input" ).change(function() {
  $('#input').val($('#input').val() + '@test.com');
});

Codepen示例：https://codepen.io/Washable/pen/JOLPJK

Answer 2

这是一个建议

将输入框划分为列，左列是实际输入框，用户可以输入用户名，右列可以是保存文本的默认文本@test

否则你必须知道用户输入用户名后的时间，然后你可以为该文本追加@test（使用javascript，jquery或angularjs等）。