选中文本框的默认内容

最新推荐文章于 2024-04-03 18:29:15 发布

翻译最新推荐文章于 2024-04-03 18:29:15 发布 · 1k 阅读

JS 专栏收录该内容

72 篇文章

订阅专栏

本文介绍了一种使用JavaScript为HTML输入框设置默认显示文字的方法。当用户点击输入框时，会清空默认文字并允许用户输入自定义内容。此技巧适用于网页表单设计。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设置输入框默认文字内容</title>
    <script type="text/javascript" src="$function.js"></script>

    <input type="text" id="input" value="请输入内容">
    <input type="submit" value="搜索">
</head>
<body>
    <script>
        $("input").onfocus = function(){
            //将他的value值变为空
            this.value = "";
            //只要一获取焦点,就调用select方法来选中里边的内容
            this.select();
        }
    </script>
</body>
</html>