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

  

HTML DOM  Input Text 对象

Input Text 对象

      Input Text 对象代表 HTML 中 type="text" 的 <input> 元素。    

访问 Input Text 对象

     你可以通过 getElementById() 访问 type="text" 的 <input> 元素:

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

     提示: 同样,你可以通过查找表单 elements 集合来访问 Input Text 对象。  

创建 Input Text 对象

     你可以通过 document.createElement() 方法来创建 type="text" 的 <input> 元素:

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

Input Text 对象属性

          
属性 描述
autocomplete 设置或返回文本域的 autocomplete 属性值
autofocus 在页面加载后设置或返回文本域是否自动获取焦点
defaultValue 设置或返回文本域的默认值
disabled 设置或返回文本域是否禁用
form 返回一个对包含文本域的表单对象的引用
list 返回一个对包含文本域的选项列表对象的引用
maxLength 设置或返回文本域中的最大字符数
name 设置或返回文本域的名称
pattern 设置或返回文本域的 pattern 属性值
placeholder 设置或返回文本域的 placeholder 属性值
readOnly 设置或返回文本域是否应是只读的
required 设置或返回 whether the text field must be filled out before submitting a form
size 设置或返回文本域的 size 属性值
type 返回文本域的表单元素类型
value 设置或返回文本域的 value 属性值
                

Input Text 对象方法

  
方法 描述
blur() 从文本域中移除焦点
focus() 让文本域获取焦点
select() 选取文本域的内容
                

标准属性和事件

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





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



[这个贴子最后由 flybird 在 2020-03-05 10:44:21 重新编辑]
  Java面向对象编程-->流程控制
  JavaWeb开发-->开发JavaMail Web应用
  JSP与Hibernate开发-->映射组成关系
  Java网络编程-->基于MVC和RMI的分布式应用
  精通Spring-->Vue简介
  Vue3开发-->绑定CSS样式
  JS 闭包的 9 大经典使用场景
  基于vue-element-admin 的权限管理
  Vue2.0与Vue3.0主要区别总结
  Axios拦截器的用法
  animate.css动画样式类型库的用法
  CSS3的@keyframes用法详解
  JavaScript的async函数
  js Worker 线程收集1~9999的之间所有质数;Worker线程交换数...
  vue+file-saver+jszip实现批量导出图片
  SQL NULL 值
  jQuery 删除元素
  JavaScript的HTML DOM Parameter 对象
  CSS Border(边框)
  HTML支持的多媒体(Media)
  JavaScript 的HTML DOM 事件
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


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