Question

我为此搜索了一下，但由于它的特殊性，搜索起来有点困难。

我的网站上有一个HTML搜索框（使用简单的HTML表单/表格制作）。我希望在文本框中包含“搜索”一词，使其看起来更漂亮（而不是将其放在搜索框的左侧）。我还在页面加载时将焦点设置到该搜索框，因此只要您加载页面，光标就会放在该文本框内。

现在，这是桌面操作系统上的行为，但在iOS上，页面不会加载光标，因此文本不会自动选择。

我想知道的是点击搜索框后如何删除“搜索”文本。

同样，如果这是一个重复的帖子，我会提前道歉，但我找不到任何搜索内容。

Answer 1

我认为最简单的方法是使用CSS使文本变浅和变灰，并将其放在文本框后面。然后你可以用javascript来隐藏文字。

谢谢，

Max

Answer 2

您应该使用onload标记中的<body>编写一个函数来调用页面加载，如此...

将它放在<head>

中

<script>

  function focusOnTextBox(){

    //Get the textbox element
    var textBox = document.getElementById('moviesearchinput');

    //Focus on the textBox.
    textBox.focus();

    //Empty the value of the textbox.
    textBox.value = "";

  }

</script>

然后将您的开始<body>标记更改为

<body onload="focusOnTextBox();">

这是一个证明这个工作的JSFiddle - http://jsfiddle.net/kp5br/

如何在HTML搜索框中使用单词在关注iOS时删除自己

2 个答案: