我想在html中连接两个文本字段，并在其他测试字段中显示结果

Question

我有这样的代码

First name : <input type="text" name="txtFirstName" /> <br><br>
Last name : <input type="text" name="txtLastName" /> <br><br>
Full name : <input type="text" name="txtFullName"  > <br><br>

如果我在名字文本框中输入abc，在名字文本框中输入def，则结果应在全名文本框中显示为abcdef。这该怎么做？

Answer 1

实际上，使用form oninput属性使用一小部分内联JavaScript相当简单。

<form oninput="txtFullName.value = txtFirstName.value +' '+ txtLastName.value">
  First name : <input type="text" name="txtFirstName" /> <br><br>
  Last name : <input type="text" name="txtLastName" /> <br><br>
  Full name : <input type="text" name="txtFullName"  > <br><br>
</form>

http://jsfiddle.net/RXTV7/1/

我也建议使用HTML5 <output>元素代替第三个输入。要了解更多信息，请从这里开始：http : //html5doctor.com/the-output-element/