input对象的常用属性

你的名字 2022-01-23 20:29 336阅读 0赞

input对象

一个input标记,就是一个input对象


input对象的属性

  • name:表单元素的名称
  • value:表单元素的值,用户输入的内容,可以通过该属性获取
  • size:表单的长度
  • maxlength:表单元素的最大长度(最多可输入的字符数)
  • disabled:禁用属性
  • readonly:只读属性

input对象的方法

  • focus():获取鼠标焦点的方法(鼠标点到上面)
  • blur():失去鼠标焦点的方法(鼠标点到其他地方)
  • select():选中文本

input对象的事件

  • onfocus:当获得焦点时
  • onblur:当失去焦点时

一个简单的例子

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">>
  5. <title>Hello</title>
  6. </head>
  7. <body>
  8. <form name="form1" method="post" action="login.php">
  9. 用户名:<input type="text" name="username" onfocus="this.value='focusing';this.select()" onblur="this.value = 'buring' ">
  10. <input type="submit" value="提交表单">
  11. </form>
  12. </body>
  13. </html>

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI0MTE4NTI3_size_16_color_FFFFFF_t_70

发表评论

表情:
评论列表 (有 0 条评论,336人围观)

还没有评论,来说两句吧...

相关阅读

    相关 screen属性

    window对象有一一个screen属性,它返回当前浏览者的屏幕对象,可用于获取用户屏幕当前的大小、色深、屏幕分辨率等参数。该对象的属性也随不同的平台存在变化,但通常会包含如下