Question

我有一个HTML表单，用户可以在其中输入自己的手机号码。见下文：

<form class="formulario" action="signature_test.html" method="get" onsubmit="return signature_Alert()" >
        Mobile (mgrs):  <input type="text" name="mobile" id="mobile"><br>
        <br>
        <input type="submit" value="Generate Signature">
</form>

无论用户输入什么，都会在另一个HTML文件中填充。它innerHTML文本“默认”：

<font color="#008080">Mobile: </font></b><font id="mobileInput">Default </font><br>

但是，我希望如果用户将移动字段留空，则不显示“Mobile：”和“Default”。这可以用Javascript吗？

顺便说一句，这就是内部HTML是“默认”文本的Javascript。

<script>      
      var values = window.location.search.substring(1).split('&')
      var mobile = values[3].split('=')[1]
      document.getElementById('mobileInput').innerHTML = mobile;
</script>

感谢。

Answer 1

当然，只需将内容包装在您可以定位和修改的元素中：

mobile

然后调整该元素的样式，类似于您已经调整其他元素的内容：

<font>

您当然希望仔细检查代码中</b>获得的实际价值。确保它没有空白等。或者确实调整你的逻辑确定没有值显示。但是隐藏元素的实际行为很简单，只需将样式设置为隐藏即可。

此外，我想回复a comment above。 {{1}}标签真的不应再被使用了。您可以在这里找到一些关于CSS样式的介绍，可以采用 long 方式。我推荐一些关于这个主题的入门教程。

您的代码中似乎也有错误的{{1}}。也许您没有向我们展示整个内容。无论哪种方式，您也想要仔细检查您的HTML。在使用任何JavaScript或CSS之前，始终先使用有效且格式正确的HTML，否则行为可能与您的预期不符。

如果未填写输入框，则Javascript会隐藏HTML文本

1 个答案: