javascript - 使用预定义数据创建文本框

Question

我在为电子邮件地址创建文本框时遇到问题，我想通过示例填写该文本框:@hotmail.com 以便用户只输入实际标识符，我想一次性完成文本框。是否可以？我记得我在网站上的某个地方看到过它。

Answer 1

这种方法可以满足您的需求

$('button').on('click',function(){
    var name = $('#in').val();
    var domain = $('#dom').val();
    alert(name + domain);
});

#in{
  border-right:0px;
  margin-right:0px;
  padding-right:0px;
 }
#dom{
  border-left:0px;
  margin-left:-5px;
  padding-left:0px;
  text-align:right;
  width:108px
 }
input{
  border:1px solid black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="in"/>
<input id="dom" readonly value="@example.com"/>
<button>Subscribe</button>
<p></p>