将占位符文本添加到表单中的文本字段

时间:2018-01-31 13:48:07

标签: javascript html css

大家好我正在尝试将占位符添加到我正在建立在圆形立方体上的皮肤上。 我希望它说出用户名和密码密码。 我知道它可能使用HTML但问题是我没有访问表单,所以我可以添加占位符文本到HTML。 我认为唯一的方法是使用js或css,但尚未找到可行的解决方案,并希望有人可以提供帮助。 这是它的表单html:

    <html>
<input type="hidden" name="_task" value="login"><input type="hidden" name="_action" value="login"><input type="hidden" name="_timezone" id="rcmlogintz" value="_default_"><input type="hidden" name="_url" id="rcmloginurl" value=""><table><tbody><tr><td class="title"><label for="rcmloginuser">Username</label>
</td>
    <td class="input"><input name="_user" id="rcmloginuser" required="required" size="40" autocapitalize="off" autocomplete="off" type="text"></td>
    </tr>
    <tr><td class="title"><label for="rcmloginpwd">Password</label>
    </td>
    <td class="input"><input name="_pass" id="rcmloginpwd" required="required" size="40" autocapitalize="off" autocomplete="off" type="password"></td>
    </tr>
    </tbody>
    </html>

非常感谢所有人。

3 个答案:

答案 0 :(得分:1)

您可以使用属性require __DIR__.'/../config/bootstrap.php';placeholder功能,设置所需的占位符。

setAttribute
document.getElementsByName('_user')[0].setAttribute("placeholder", "Username");
document.getElementsByName('_pass')[0].setAttribute("placeholder", "Password");

请参阅?现在你的字段有一个占位符。

资源

答案 1 :(得分:0)

在JS中,您可以选择HTML元素并定义其占位符:

document.getElementById("yourId").placeholder = "Placeholder";

答案 2 :(得分:0)

纯JS解决方案如下: -

document.getElementById("rcmloginuser").setAttribute("placeholder", "UserName");

您可以参考以下JS小提琴: -

https://jsfiddle.net/23nigam/q2493u3s/4/