gpt4 book ai didi

javascript - 如何使用javascript避免在文本框中显示提示文本

转载 作者:行者123 更新时间:2023-11-28 20:49:32 25 4
gpt4 key购买 nike

我正在制作简单的登录表单。我有两个文本字段作为用户名和密码。

用户名文本字段有“用户名”提示。

密码文本字段有“密码”提示。

我想在单击文本框内部时隐藏提示文本。

这里我遇到了两个问题,

  1. 如果我单击用户名文本框内部,提示文本将隐藏。但是当我按 ctrl+z 时,再次出现提示,并且可以通过按键盘箭头键进行编辑。

  2. 第二个是密码文本字段类型是密码。因此它不会将提示文本显示为“密码”。

这是我的代码:

<html>
<head>
<title>login</title>
<script>
function ForUserName()
{
if(document.getElementById('username').value == "user name")
{
document.getElementById('username').value='';
}
else if(document.getElementById('username').value == '')
{
document.getElementById('username').value='user name';
}
}

function ForPassword()
{
if(document.getElementById('password').value == "password")
{
document.getElementById('password').value='';
}
else if(document.getElementById('password').value == '')
{
document.getElementById('password').value='password';
}
}
</script>

</head>
<body>

<input type="text" id="username" value="user name" onclick="ForUserName();" onblur="ForUserName();">
<input type="password" id="password" value="password" onclick="ForPassword();" onblur="ForPassword();">

</body>
</html>

请问谁可以吗...

最佳答案

有一个 HTML5 属性可以执行此操作,称为 placeholder。所以你只需这样做:

<input type="text" id="username" placeholder="user name">

为了向后兼容(较旧的浏览器),您只需遵循此 tutorial .

关于javascript - 如何使用javascript避免在文本框中显示提示文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12757952/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com