我正在尝试制作一个表单,让人们在具有值和不同占位符文本的文本字段中输入 URL。我希望显示占位符而不是值,所以如果他们不在字段中输入任何内容,它会转到原始字段,但链接很长,所以我不希望这些链接出现在字段中。
我正在使用一个输入字段,其值为特定 LinkedIn 个人资料的 url,但我希望有一个占位符来显示 LinkedIn 的主页 url,因为它要短得多。
<input
id="linkedIn"
type="text"
value="https://www.linkedin.com/company/stack-overflow"
placeholder="https://www.linkedin.com">
我只看到输入字段中显示的值而不是占位符文本。我希望看到占位符而不是值。
最佳答案
您可以使用 JS 代码来验证输入字段的值。然后,如果文本框为空,它将获取原始字段。
<input
id="linkedIn"
type="text"
placeholder="https://www.linkedin.com">
<input type="button" value="send" onclick="myFunction()">
<script>
function myFunction(){
var linkedIn = document.getElementById("linkedIn");
if(linkedIn.value == ""){
linkedIn.value = "https://www.linkedin.com/company/stack-overflow";
}
}
</script>
关于javascript - 如何使占位符文本出现而不是值文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55941002/