javascript - JavaScript 中的占位符未运行

Question

我的代码无法正常工作。 你能告诉我我的错误在哪里吗？

这是我的代码:

HTML 部分

<form name="" id="" method="">
        <fieldset>
            <legend><strong>My Form</strong></legend>
            <div class="">
                <label for="name">Name:-</label>
                <input type="text" value="" id="name" />
            </div>
            <div class="">
                <label for="email">Email:-</label>
                <input type="text" value="your email" id="email" />
            </div>
            <div class="">
                <label for="companyId">Company Name:-</label>
                <input type="text" value="" id="companyId" />
            </div>
        </fieldset>
    </form>

Java 脚本

var emailField = document.getElementById("email");
        emailField.onfocus = function(){
            if(emailField.value == "your email"){
                emailField.value =="";
            }
        };
        emailField.onblur = function(){
            if(emailField.value ==""){
                emailField.value == "your email";
            }
        };

<强> Jsfiddle Link

Answer 1

您需要使用 =(赋值运算符)来赋值，而您使用的是 ==，这是一个比较运算符

emailField.value ="";

还有

emailField.value = "your email";

Demo

<小时/>

如果需要，您还可以使用 placeholder 属性，这将为您节省 11 行 JavaScript 代码。