Question

我正在尝试制作一种表单，使人们可以在具有值和不同占位符文本的文本字段中输入URL。我希望显示占位符而不是值，因此，如果它们在字段中未键入任何内容，它将转到原始字段，但是链接很长，因此我不希望这些字段显示在字段中。 / p>

我使用的输入字段的值是特定LinkedIn个人资料的url，但我希望有一个占位符来显示LinkedIn的主页URL，因为它要短得多。

<input 
  id="linkedIn" 
  type="text" 
  value="https://www.linkedin.com/company/stack-overflow" 
  placeholder="https://www.linkedin.com">

我仅在输入字段中看到值而不显示占位符文本。我希望看到占位符而不是值。

Answer 1

您可以使用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>

如何显示占位符文本而不是值文本

1 个答案: