>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 20902 个阅读者 刷新本主题
 * 贴子主题:  JavaScript的HTML DOM Input Search 对象 回复文章 点赞(0)  收藏  
作者:flybird    发表时间:2020-02-02 23:45:33     消息  查看  搜索  好友  邮件  复制  引用

  

HTML DOM  Input Search 对象

Input Search 对象

     Input Search 对象是 HTML5 新增的。

     Input Search 对象表示使用 type="search" 的 HTML <input> 元素。    

访问 Input Search 对象

     你可以使用 getElementById() 函数来访问使用 type="search" 属性的  <input> 元素:

       var x = document.getElementById("mySearch");


       提示: 你同样可以通过表单的元素集合来访问 Input Search 对象。    

创建 Input Search 对象

     你可以使用 document.createElement() 方法来创建使用 type="search" 属性的 <input> 元素:

       var x = document.createElement("INPUT");
        x.setAttribute("type", "search");        

Input Search 对象属性


Property 描述
autocomplete 设置或返回 search 字段的 autocomplete 属性值
  autofocus 设置或返回 search 字段在页面加载后是否自动获取焦点
defaultValue 设置或返回 search 字段默认的值
  disabled 设置或返回 search 字段是否可用
  form 返回使用 search 字段的表单引用
list 返回包含了 search 字段的 datalist 引用
  maxLength 设置或返回 search 字段的 maxLength 属性值
  name 设置或返回 search 字段的 name 属性值
pattern 设置或返回 search 字段的 pattern 属性值
placeholder 设置或返回 search 字段的 placeholder 属性值
  readOnly 设置或返回 search 字段是否只读
  required 设置或返回 search 字段在表单中是否为必填字段
  size 设置或返回 search 字段的 size 属性值
step 设置或返回 search 字段的 step 属性值
  type 返回 search 字段的表单元素类型
  value 设置或返回 search 字段的 value 属性值

标准属性和事件

      Input Search 对象同样支持标准  属性和  事件。




程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-24 12:34:10 重新编辑]
  Java面向对象编程-->继承
  JavaWeb开发-->自定义JSP标签(Ⅰ)
  JSP与Hibernate开发-->使用JPA和注解
  Java网络编程-->通过JDBC API访问数据库
  精通Spring-->Vue Router路由管理器
  Vue3开发-->Vue简介
  勇闯28个关卡学会HTML与HTML5基础
  好消息:《精通Vue.js:Web前端开发技术详解》出版了!
  Vue3.0里为什么要用 Proxy API 替代 defineProperty API ? ...
  07、手把手教Vue--路由「Vue-router」 - TigerChain
  介绍axios的基本使用(vue中使用axios)
  Vue项目PWA化
  javaScript中==和===的区别详解
  Vue自定义指令的用法
  jQuery 遍历过滤:缩小搜索元素的范围
  JavaScript中的HTML DOM Button 对象
  JavaScript中的HTML DOM Label 对象
  CSS padding(填充)
  HTML的事件属性
  HTML5 内联 SVG
  应该掌握的几个HTML标记语言(个人总结)
  更多...
 IPIP: 已设置保密
树形列表:   
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。