Javascript HTML输入空白值无效

我有一个简单的登录表单，无论我做什么（甚至在添加JavaScript之后），它都不会以空白值开始

代码

<form id="loginForm" name="loginForm" action="login.php" method="post">
    <div class="fields-search">
        <input type="text" id="wf_username" class="form-control" placeholder="Username" value="" name="wf_username" title="Required" required>
        <script type="text/javascript"> 
            document.getElementById("wf_username").value=""; 
        </script>
        <input type="password" id="wf_password" class="form-control" placeholder="Password" value="" name="wf_password" title="Required" required>
        <script type="text/javascript"> 
            document.getElementById("wf_password").value=""; 
        </script>
        <input type="submit" value="Login" id="formsubmit" class="btn btn-success">
    </div>
</form>

编辑3 当存在“密码”类型的输入时，自动完成不起作用。看起来Chrome&FF将自动填充该文本框，然后使用保存的用户/pswd信息中的用户名填充相邻的文本框。这确实奏效了：

<form id="loginForm" name="loginForm" action="login.php" method="post">
    <div class="fields-search"> 
        <input type="text" id="wf_username" class="form-control" placeholder="Username" value="" name="wf_username" style="background:none" title="Required" autocomplete="off" readonly onfocus="if (this.hasAttribute('readonly')) {this.removeAttribute('readonly');
                                this.blur(); this.focus(); }" autofocus required>
        <input type="password" id="wf_password" class="form-control" placeholder="Password" value="" name="wf_password" style="background:none" title="Required" autocomplete="off" readonly onfocus="if (this.hasAttribute('readonly')) {this.removeAttribute('readonly');
                                this.blur(); this.focus(); }"  required>
        <div align="center">
            <input type="submit" value="Login" id="formsubmit" class="btn btn-danger"
        </div>
    </div>
</form>

解决方案：

对输入使用
autocomplete=“off”
属性
您是否尝试添加了
autocomplete=“off”
？这些自动填写的表单值是否由您的浏览器提供？如果不是，你是如何填充这些值的？斯宾塞-我不知道这些值是如何到达那里的。仅在Chrome&FF（未尝试IE）Idg中发生-请参阅我的编辑。无变化。j08691正确-解决方案在他选择的副本中。我实现了来自dsuess的修复（添加了Arnis Juraga的样式建议以保持背景正常），它起了作用。bukharim96-请参阅我的编辑。没有变化。
<form id="loginForm" name="loginForm" action="login.php" method="post">
    <div class="fields-search"> 
        <input type="text" id="wf_username" class="form-control" placeholder="Username" value="" name="wf_username" style="background:none" title="Required" autocomplete="off" readonly onfocus="if (this.hasAttribute('readonly')) {this.removeAttribute('readonly');
                                this.blur(); this.focus(); }" autofocus required>
        <input type="password" id="wf_password" class="form-control" placeholder="Password" value="" name="wf_password" style="background:none" title="Required" autocomplete="off" readonly onfocus="if (this.hasAttribute('readonly')) {this.removeAttribute('readonly');
                                this.blur(); this.focus(); }"  required>
        <div align="center">
            <input type="submit" value="Login" id="formsubmit" class="btn btn-danger"
        </div>
    </div>
</form>