基本上是问题的两个部分。
- 如何将解释性文本放入表单中的文本框中(例如在表单中的文本框的文本区域中编写电子邮件)并使用样式(即变灰以表示建议),就像 Facebook 主页一样。<
- 如何在页面加载后立即将光标焦点放在特定表单字段上(例如 Google 登录或 Facebook 登录)
上述过程中是否涉及javascript?如果是,请具体说明
- 非 JavaScript 解决方法和/或
- JavaScript 代码执行所需操作
最佳答案
第一个技巧只是一个预设值。当您单击该字段时,它有一个 onclick 函数进行检查。值是“在此处写下您的电子邮件”。如果是这样,请清除该字段。如果没有,则不执行任何操作。
然后它有一个 onblur 函数来检查该字段是否为空。如果是这样,请在其中打印“在此处写下您的电子邮件”。
第二个也是 JavaScript。
Here is具有这两个功能的示例页面
<html>
<script type="text/javascript">
function searchBox()
{
elem = document.getElementById("search");
if(elem.value == "Search...")
{
elem.value = "";
}
}
function searchBoxBlur()
{
elem = document.getElementById("search");
if(elem.value == "")
{
elem.value = "Search...";
}
}
function init()
{
document.getElementById("other_box").focus();
}
window.onload = init;
</script>
<body>
<input type="text" name="other_box" id="other_box" />
<input type="text" name="search" id="search" value="Search..." onclick="searchBox()" onblur="searchBoxBlur()" />
</body>
</html>
关于php - 如何将解释性文本放入表单的文本框中并将光标聚焦在字段上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1032968/