开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在IE 11中不会向文本字段中插入文本

是因为IE 11不支持HTML5中的input的placeholder属性。placeholder属性用于在文本字段中显示提示文本，当文本字段为空时，提示文本会显示在文本字段中，一旦用户开始输入，提示文本会自动消失。

在IE 11中，可以通过使用JavaScript来模拟placeholder的功能。以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
<script>
function setInputPlaceholder() {
  var inputs = document.getElementsByTagName("input");
  for (var i = 0; i < inputs.length; i++) {
    var input = inputs[i];
    if (input.getAttribute("placeholder") && !input.value) {
      input.value = input.getAttribute("placeholder");
      input.style.color = "#999999";
    }
    input.onfocus = function() {
      if (this.value == this.getAttribute("placeholder")) {
        this.value = "";
        this.style.color = "#000000";
      }
    };
    input.onblur = function() {
      if (!this.value) {
        this.value = this.getAttribute("placeholder");
        this.style.color = "#999999";
      }
    };
  }
}
</script>
</head>
<body onload="setInputPlaceholder()">
<input type="text" placeholder="请输入文本">
</body>
</html>

上述代码通过JavaScript实现了在IE 11中模拟placeholder的功能。当文本字段获取焦点时，如果文本字段的值等于placeholder属性的值，则清空文本字段的值；当文本字段失去焦点时，如果文本字段的值为空，则将placeholder属性的值重新填充到文本字段中。

这样，在IE 11中就可以实现类似placeholder的效果了。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能（AI）：https://cloud.tencent.com/product/ai
物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
区块链（BCS）：https://cloud.tencent.com/product/bcs
元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr

相关搜索:VBA:在IE中搜索文本，打开链接，查找行复制文本，插入Excel中在富文本字段中插入file://链接 Blazor文本在插入后不会立即更改在表单文本字段中插入文本并使用Jquery进行切换在进程期间，不会向RichTextBox写入任何文本在输入字段中插入任何文本时屏幕消失在情节提要in中，文本字段大小不会增加阻止Emoji插入到文本字段中输入字段不会仅在safari中显示文本如何使用jQuery选择插入到文本字段中的文本？当我向文本字段提交数据时，它不会提交数据在EPPLUS RichText中插入文本使用flexbox在文本中插入在HTML文本中插入空格在页面加载时在文本字段中插入当前url 在swift中运行测试时，如何插入文本字段？在IE中填充文本输入可能吗？Django不会显示模型中的文本字段在IE11的angular2中单击以选择输入文本字段中的文本将文本粘贴到文本字段时，在React 15.1.0 + IE11中未触发onChange

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

【DB笔试面试638】在Oracle中，文本型字段直方图示例2个。

♣ 题目部分在Oracle中，文本型字段直方图示例2个。

5131 0

js如何动态选择和操作 CSS 伪元素，例如 ::before 和 ::after

比如伪元素 :before和:after，用于在css渲染中向元素的头部或尾部插入内容，它们不受文档约束，也不影响文档本身，只影响最终样式。...这些添加的内容不会出现在DOM中，仅仅是在css渲染层中加入。它不存在于文档中，所以js无法直接操作它。而jQuery的选择器都是基于DOM元素的，因此也并不能直接操作伪元素。...哪些是伪元素 :first-letter：向文本的第一个字母添加特殊样式。　 :first-line:　向文本的首行添加特殊样式。　 :before：在元素之前添加内容。　...red; }', 0); addRule说明： document.styleSheets[0].addRule('.className'或‘#ID’ +‘::after’,css样式字符串拼接). 3、在标签中插入...因为其他两种通过插入行内CSSStyleSheet的方式是在JavaScript中插入字符代码，不利于样式与控制分离；而且字符串拼接易出错。

6.1K2 0

表单脚本

一、表单的基础知识在HTML中，表单由元素来表示，而在JavaScript中，表单对应的则是HTMLFormElement类型。...（textarea除外，在文本区中回车会换行）。如果表单没有提交按钮，安回车键不会提交表单。注意，通过上述方式提交表单，浏览器会在将请求发送给服务器之前触发submit事件。...对文件字段来说，这个属性是只读的，包含着文件在计算机的路径（2）表单字段方法 foucs()获取焦点，激活字段，使其可以响应键盘事件 blur()失去交单。...textbox.focus(); } 部分选择文本的技术在实现高级文本输入框时很有用，例如提供自动完成建议的文本框就可以使用这种技术。...btnNoValidate" /> 三、选择框脚本和元素创建 HTMLSelectElement的属性和方法：属性和方法作用说明 add(newOption, relOption) 向控件中插入新项

4.8K4 1

JavaScript 表单处理

tabIndex 表示当前字段的切换 type 当前字段的类型 value 当前字段的值这些属性其实就是HTML表单里的属性，在XHTML课程中已经详细讲解过，这里不一个个赘述，重点看几个最常用的...二．文本框脚本在HTML中，有两种方式来表现文本框：一种是单行文本框，一种是多行文本框。...原因很简单，对value属性的修改，不一定会反映在DOM中。除了value值，还有一个属性对应的是defaultValue，可以得到原本的value值，不会因为值的改变而变化。...textField.select();//选中文本框中的文本选择部分文本在使用文本框内容的时候，我们有时要直接选定部分文本，这个行为还没有标准。...().text;//获取IE选择的文本 } } PS：有一个最大的问题，就是IE在触发select事件的时候，在选择一个字符后立即触发，而其他浏览器是选择想要的字符释放鼠标键后才触发。

4.8K10 1

知识点 | JavaScript事件浅析

在addEventListener中addEventListener（event事件名称，function回调函数，是否在捕获或冒泡阶段执行）第三个参数可以改变事件触发时机。...mousemove 鼠标移动键盘通用事件 keydown 按下键盘 keypress 中间的一个事件 keyup 抬起键盘 textInput 是对keypress的补充，用意是在将文本显示给用户之前更容易拦截文本...在文本插入文本框之前会触发textInput事件。 compositionstart 在IME的文本复合系统打开时触发，表示要开始输入了。...当你使用输入法的时候会触发一下 compositionupdate 在向输入字段中插入新字符时触发。 compositionend 在IME的文本复合系统关闭时触发，表示返回正常键盘的输入状态。...控件事件 input 当内容发生改变的时触发，有可能是代码触发的改动兼容ie的话input propertychange change 当失去焦点时，内容改变触发 blur 失去焦点触发 focus 获得焦点触发

1.3K3 0

JS事件篇

:获取一个元素的父元素 innertext :获取到一个标签里面的文本内容获取兄弟节点，也可能会获取到空白节点获取兄弟元素节点的属性通过nodevalue可以设置文本节点的内容在事件的响应函数中...父节点.appendChild()----向一个父节点中添加一个子节点整合上面操作的小案例父节点.insertBefore(新节点，旧节点): 在指定子节点前插入新的子节点父节点.replaceChild...是双向功能：获取对象的html内容或向对象插入html内容我们可以通过 document.getElementById(‘aa’).innerHTML 来获取id为aa的对象的内嵌内容；也可以对某对象插入内容...，注意DOM标签与标签之间的空白也会被当成文本节点在IE8一下的浏览器中，不会将空白文本当成子节点，所以该属性再IE8中会返回4个子元素，而其他浏览器都是9个 ---- children属性可以获取到当前元素所有子元素....insertBefore(新节点，旧节点): 在指定子节点前插入新的子节点 <!

12.6K1 0

文档对象模型

但是要注意，IE中的所有DOM对象都是以COM对象的形式实现的。这意味着IE中的DOM对象与原生JavaScript对象的行为或活动特点并不一致。...(node) 向列表中添加一个节点 item(pos) 返回位于数字pos位置处的节点 6)元素的子节点 item1 <li...元素内容 innerHTML 返回元素内容 textContent 非ie浏览器 innerText ie浏览器 4 Text类型：文本类型...length 文本长度 appendData(text) 追加文本 deleteData(beginIndex,count) 删除文本 insertData(beginIndex,text) 插入文本...参数为要插入节点中的文本 5 Comment类型：注释类型 <!

1.1K4 0

《javascript高级程序设计》核心知识总结

在向参数传递引用类型的值时，会把这个值在内存中的地址复制给一个局部变量，因此这个局部变量的变化会反应在函数外部 ② 对象会在函数执行完毕后立即被销毁。...在创建子类型的实例时，无法向父类构造函数传递参数 ② 借用构造函数（在子类型构造函数的内部调用父类构造函数） //此时实例不会共享属性 function Parent(name){...cloneNode不会复制节点的javascript属性，但IE在此存在一个bug,所以建议在复制之前最好先移除事件处理程序 4.访问节点 Node.firstChild[lastChild | parentChild...十四.表单脚本 1.选择文本inputEl.select() [用于选择文本框中的所有文本，不接受参数，可以在任何时候调用] 2.选择事件（select） //ie9+ 用户选择了文本并释放鼠标时触发...表示浏览器是否为当前命令提供用户界面的一个布尔值，执行命令必须的一个值（如果不需要值，则为null） ③ 表单与富文本 *** 要想将富文本中的值传递给表单，则可在表单内创建一个隐藏的表单字段，将富文本的值赋给该表单字段的值

2.3K2 0

HTML 表单和约束验证的完整指南

即使在今天，开发人员仍花费大量时间编写函数来检查字段值。这在现代浏览器中仍然必要吗？可能不是。在大多数情况下，这实际上取决于您要尝试做什么。...IE 用户不会获得日期选择器，但仍可以按YYYY-MM-DD格式输入日期。如果您的客户坚持，则仅在 IE 中加载 polyfill。没有必要给现代浏览器增加负担。 3....例如，在下面的代码中，每个无效字段都有一个红色边框： :invalid { border-color: #900; } 用户在与表单交互之前会遇到一组令人生畏的红色框。...Mozilla 文档解释说： invalid每个无效字段也会触发一个事件。这不会冒泡：必须将处理程序添加到使用它的每个控件中。...所有 HTML5 输入字段都可以在 IE 中使用，但可能需要更多的用户努力。（例如，当您输入无效的电子邮件地址时，IE 不会检测到。）

8.3K4 0

H5 和 CSS3 新特性

，用于将特殊的效果添加到某些选择器 ::before {} /* 选择器在被选元素的前面插入内容和定义css，使用 content 属性来指定要插入的内容。...*/ ::after {} /* 选择器在被选元素的后面插入内容和定义css，使用 content 属性来指定要插入的内容。...属性描述 text-shadow 向文本添加阴影 text-justify 规定当 text-align 设置为 “justify” 时所使用的对齐方法 text-emphasis 向元素的文本应用重点标记以及重点标记的前景色...text-outline 规定文本的轮廓 text-overflow 规定当文本溢出包含元素时发生的事情 text-wrap 规定文本的换行规则 word-break 规定非中日韩文本的换行规则 word-wrap...允许对长的不可分割的单词进行分割并换行到下一行 text-decoration 文本修饰符：overline、line-through、underline 分别是上划线、中划线、下划线 @font-face

2.4K1 0

造一个 copy-to-clipboard 轮子

这里的问题是，在某些环境下文本输入框会存在一些怪异的行为，比如：如果不是文本输入标签，需要主动创建一个可输入文本的标签（input和textarea）然后将待复制的文本赋值给这个标签，再调用.select...关于 Selection 表示用户选择的文本范围或插入符号的当前位置。它代表页面中的文本选区，可能横跨多个元素；而 Range 表示一个包含节点与文本节点的一部分的文档片段。...然而 addRange 并不会添加新 Range 到 Selection 中！...Selection.addRange() 总结一下复制不成功的问题：当鼠标无意地点击到页面时（比如按钮），Selection 会加入一个看不见的 Range（变成光标的位置，而不是一个选中的区域了）在我们代码中...目前查了文档，有以下兼容问题：在 IE 11 下，format 这里只有 Text 和 Url 两种在 IE 下，copy 事件中 e.clipboardData 为 undefined，但是会有

8923 0

富文本编辑器开发简介

前言富文本编辑器，Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器，所见即所得的文本编辑器。方式 iframe 页面中嵌入一个包含空HTML页面的iframe。...()：将选区折叠到终点位置 collapseToStart()：将选区折叠到起点位置 containsNode(node)：确定指定的节点是否包含在选区中 deleteFromDocument()：从文档中删除选区中的文本...toString()：返回选区所包含的文本内容 * IE8-浏览器不支持，我试了IE8以上也不支持 selection对象术语 anchor：选中区域的“起点”。...anchorOffset：“起点”在anchorNode中的偏移量。 focusNode：返回包含“结束点”的节点。 focusOffset：“结束点”在focusNode中的偏移量。...表单提交富文本编辑不是使用表单控件实现的，而需要手工来提取并提交HTML。为此，通常可以添加一个隐藏的表单字段，就是在提交表单之前提取出HTML，并将其插入到隐藏的字段中。

4.2K2 0

DOM

方法说明 appendChild(newDom) 向childNode列表的末尾添加一个节点 inserBefore(newDom, 参照节点) 新插入的节点作为参照节点的同胞节点，同时返回该插入节点...replaceChild(newDom, 被替换的节点) 新插入的节点将占据被替换节点的位置 removeChild(要移除的节点) 返回被移除的节点，被移除的节点仍然为稳当所有，只是在文档中没有了位置...动态脚本在元素添加到页面之前，是不会下载外部文件的。...>元素 deleteTHead() 删除元素 deleteTFoot() 删除元素 insertRow(pos) 向rows集合中的指定位置插入一行 deleteRow(pos...(pos) 向cells集合中的指定位置插入一个单元格，返回新单元格引用 deleteCell(pos) 删除指定位置的单元格总结：NodeList、NameNodeMap和HTMLColletction

1.5K2 1

为什么大家都用i标签用作小图标?

插入内容的特点正如前面提及的，插入的内容在页面的源码里是不可见的，只能在css里可见。同时，插入的元素在默认情况下是内联元素（或者，在html5中，在文本语义的类别里）。...这会是对如何设计伪元素的一个简要的说明，看我下面文本编辑器的这幅图在这个例子中，我高亮的样式将被应用到元素里插入到目标元素内容的前面和后面。还要注意的是典型的CSS继承规则适用于插入的元素。...在css中，这段内容被设置了宽度，以及一些padding和可见的边框然后我们有了伪元素。在这个例子中，它是一个散列符号插入到该段内容之前。...插入非文本内容我简要的提醒，你可以把属性的值置为空字符串或是插入文本内容。...所以，如果你的支持者具有较高的IE版本，你仍然可以在某种程度上使用它们。一些提醒正如前面提到的，伪元素不会出现在DOM中。这些元素不是真正的元素。因此，它们不是可用的。

2.4K5 1

html标签详解

1.http-equiv属性：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。...--告诉IE以最高级模式渲染文档--> 　　2.name属性: 主要用于描述网页，与之对应的属性值为...如果单独在网页中插入这两个元素，不会对页面产生任何的影响。这两个元素是专门为定义CSS样式而生的。...（href="#top"） target属性指定打开链接的目标方式： _blank表示在新标签页中打开目标网页 _self表示在当前标签页中打开目标网页列表列表 1.无序列表 <ul type="disc...input系列标签，比如<em>文本</em><em>字段</em>、复选框、单选框、提交按钮等等。

2.6K11 0

JavaScript--XML DOM 总结

None CDATASection 表示文档中的 CDATA 区段（文本不会被解析器解析） None Comment 表示注释。 None Entity 表示实体。...textContent 设置或返回属性的文本内容。 text 返回属性的文本。IE-only value 设置或返回属性的值。...length 返回元素或属性的文本长度 wholeText 以文档中的顺序向此节点返回相邻文本节点的所有文本 Text 对象方法方法描述 appendData() 向节点追加数据 deleteData...() 从节点删除数据 insertData() 向节点中插入数据 replaceData() 替换节点中的数据 replaceWholeText() 使用指定文本来替换此节点以及所有相邻的文本节点 splitText...length 可返回此节点的文本的长度 Commentt 对象方法方法描述 appendData() 向节点追加数据 deleteData() 从节点删除数据 insertData() 向节点中插入数据

541 0

XSS绕过姿势

等标签中插入url。...在地址中输出: 代码：<a href="http://www.evil.com/?...攻击者可以<em>在</em>页面<em>插入</em>标签，可以通过<em>在</em>远程服务器上伪造图片、链接或脚本，劫持当前页面中所有使用相对路径的标签，所以一定要过滤这个标签。...浏览器支持<em>在</em> CSS <em>中</em>扩展 JavaScript，这种技术称为动态特性(dynamic properties)。...并且根据http协议，这里的内容<em>不会</em>在http包中发。

3.3K2 0

JavaScript | 选中并获取多行文本框内容的效果

如上，主要实现的是用户自定义选择多行文本框中的任何内容，然后把获取的内容放到按钮下的文本中作为内容的存放，最后通过点击按钮实现内容的设置，从而把用户需要的信息从大量的内容文本中获取出来。...涉及的基本属性知识 2.1 innerHTML属性 innerHTML是一个在JS中拥有双向功能的属性，它可以获取对象的内容，同时又可以向对象插入内容。...核心功能-选取的相关知识本效果是对文本内容的处理操作，其中针对不同的浏览器就存在着不同的兼容处理，具体表现在谷歌、火狐与IE浏览器之间实现相同功能采用不同的方法。...其中用户在谷歌、火狐浏览器中选择文本时需要借助getSelection()方法，而IE浏览器则借助的是selection()方法。...而在IE浏览器中要操作选中区需要先使用createRange()方法创建一个文本域对象，具体使用如下： if(document.selection) { // document.selection.createRange

5.1K6 0

CSS3常用选择器

Element::first-line 概念：根据 "first-line" 伪元素中的样式对 Element 元素的第一行文本进行格式化说明："first-line" 伪元素只能用于块级元素...Element::first-letter 概念：用于向文本的首字母设置特殊样式说明："first-letter" 伪元素只能用于块级元素 Element::before 概念...：在元素的内容前面插入新内容说明：常用"content"配合使用 Element::after 概念：在元素的内容后面插入新内容说明：常用“content”配合使用，多用于清除浮动清除浮动例子...header::after{ display: block; content: ""; clear: both; } Element::selection 概念：用于设置在浏览器中选中文本后的背景色与前景色...兼容性：::selection在IE家族中，只有IE9+版本支持，在Firefox中需要加上其前缀“-moz”

8202 0

【JavaScript】JavaScript 简介 ③ ( JavaScript 单行多行注释 | 输入输出语句 | prompt 函数 | alert 函数 | console.log 函数 )

一、JavaScript 注释 1、单行注释 JavaScript 脚本语言中 , 使用 // 符号来进行单行注释 , 在该符号之后的任何内容 , 直到行尾 , 都不会被 JavaScript 解释器执行...在 JavaScript 脚本代码中 , 使用 /* 开始和 */ 结束进行多行注释 , 这两个符号之间的所有内容都不会被 JavaScript 引擎解释执行 ; 多行注释代码示例 : /*...prompt() 函数的作用是弹出一个对话框 , 该对话框带有输入字段 , 用户可以在该对话框中输入文本 ; prompt() 函数语法 : var text = prompt(message,...defaultText); 参数解析 : message : 可选的字符串 , 指定要在对话框中显示的提示文本 ; defaultText : 可选的字符串 , 指定输入字段的默认文本 ; 返回值解析...: 函数返回值可以存储在变量中 , 后续 JavaScript 脚本可以使用该变量 ; 除了输入字段外 , prompt() 对话框包含用户输入文本框 , " 确定 " 按钮 , " 取消 "

1271 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭