在表单中显示密码的第一个值

时间:2016-10-30 22:21:09

标签: html css

所以我从表格中得到以下输入:
<input type="passord" name="password" value="password">
当我打开页面时,password将显示********。我希望它第一次只显示为文本。我的意思是当有人输入实际密码时,它会显示正常方式****。 提前谢谢!

4 个答案:

答案 0 :(得分:3)

您可以在placeholder="password"中使用<input>,所以:

<input type="password" name="password" value="" placeholder="password">

工作DEMO

如果您想了解有关placeholder和其他输入属性的更多信息,请阅读以下内容:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-placeholder

答案 1 :(得分:0)

更改类型=&#34;密码&#34;进入---&gt; type =&#34; text&#34;。 type属性对密码,日期,图像,月份,数字等有很多不同的用途.btw。

&#13;
&#13;
<input type="text" name="password" value="password">
&#13;
&#13;
&#13;

没关系

答案 2 :(得分:0)

我不确定我是否理解你的问题,如果我理解错误,请告诉我。但是,我使用JQuery制作了一个小片段:为了使密码可见,我将输入类型设置为文本。当用户想要更改值(在keydown事件上)时,类型将更改为密码。

&#13;
&#13;
$('input').keydown(function() {
  $(this).attr('type','password')
})
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="password" value="visible" />
&#13;
&#13;
&#13;

答案 3 :(得分:0)

使用占位符属性

<script type="text/javascript" src="http://code.jquery.com/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="example.js"></script>