Javascript Don'；当另一个字段有内容时，不允许在一个字段中输入文本

基本上我想要一个有两个文本字段的表单，但我只希望我的用户填写一个。因此，如果一个被填写，那么另一个可以说是“被涂白了”，不能被填写。如果他们想填写空白字段，他们必须删除其中包含文本的字段（然后这两个字段现在都可以写入）

如何创建此功能？CSS、Javascript或Jquery解决方案

<form action="" method="post">
<input type="text" id="field1"> <!-- if there's text in this field, don't allow the field below to be filled out-->
<input type="text" id="field2"> <!-- and vice versa with this one-->
<input type="submit" value="submit">
</form>

---

如果不先做研究，问这样的问题你不会学到很多东西，但这里有一个免费的jQuery，因为它很简单

$（'input'）。在（'keydown'，function（）上{
if（$（this.attr（'id'）='field1'&&$（'#field2'）.val（）||
$（this.attr（'id'）=='field2'&&$（'#field1'）.val（））{
返回false；
}
});

解决方案。。。你试过什么？在别人帮助你之前，你需要先尝试一些东西。我不知道如何解决这个问题。我同意。你真的自己想弄明白吗？也许使用事件？考虑到我是jquery&javascript的一个noob，我不知道如何开始理解它。是否有一个术语表示“被涂白”的字段？我试着搜索这个，但没有看到任何东西。我建议您从查看输入元素的事件处理程序开始。习惯使用这些，然后自己尝试一下。如果你仍然有问题，那么回到这里，我相信有人会很乐意帮助你，因为人们可以看到你已经进行了研究和尝试，而不仅仅是在这里发帖，期待其他人为你做这件事。看看这个嘿，谢谢，伙计。我该如何改变需要禁用的输入的不透明度？“通过问这样的问题你不会学到很多东西”，所以解释源代码以便Kevinkt能够理解源代码不是一个好主意吗？这就是为什么我不回答这样的问题，因为要让它成为一个好的答案，你必须解释几乎每一行。。。详细说明，只是为了给出一个有价值的/好的答案。