HTML DOM Input - Password 对象

在 web 开发中,<input> 标签是用来创建表单元素的标签之一,其中 type="password"<input> 元素用于创建密码输入框。密码输入框会将用户输入的内容隐藏,以保护用户的隐私信息。

属性

1. type

  • 值为 "password",表示创建密码输入框。

2. name

  • 表单控件的名称,用于在提交表单时标识该字段。

3. value

  • 输入框的初始值。

4. placeholder

  • 在用户输入前显示的灰色文本,用于提示用户输入内容的格式或要求。

5. disabled

  • 禁用该输入框,用户无法输入或编辑内容。

6. readonly

  • 只读模式,用户可以看到输入框的值,但无法编辑。

事件

1. onchange

  • 当输入框的值改变时触发该事件。

2. onfocus

  • 当输入框获得焦点时触发该事件。

3. onblur

  • 当输入框失去焦点时触发该事件。

示例代码

-- -------------------- ---- -------
--------- -----
------
------
  --------------- ----- ---------------
-------
------
  ------ --------------------------------
  ------ --------------- ------------- --------------- ------------------ ---- --------- ------------------------------
  ------- --------------------------------------

  --------
    -------- ------------------ -
      --- ------------- - ------------------------------------
      --- -------- - --------------------

      -- ---------------- - -- -
        --------------- ---- -- -- ----- - ---------- --------
      -
    -

    -------- ------------ -
      --- ------------- - ------------------------------------
      --- -------- - --------------------

      -- ------ ---- ----- ----
    -
  ---------
-------
-------

以上是关于 HTML <input> 元素中的密码输入框的介绍,希望对你有所帮助!

属性 描述 W3C
defaultValue 设置或返回密码字段的默认值。 Yes
disabled 设置或返回是否应被禁用密码字段。 Yes
form 返回对包含此密码字段的表单的引用。 Yes
maxLength 设置或返回密码字段中字符的最大数目。 Yes
name 设置或返回密码字段的名称。 Yes
readOnly 设置或返回密码字段是否应当是只读的。 Yes
size 设置或返回密码字段的长度。 Yes
type 返回密码字段的表单元素类型。 Yes
value 设置或返回密码字段的 value 属性的值。 Yes
方法 描述 W3C
select() 选取密码字段中的文本。 Yes
纠错
反馈