html5控制符置于底层,IE9 HTML5占位符 - 人们如何实现这一目标？

小咪咪 2022-10-09 00:45 73阅读 0赞

我正在尝试placeholder="xxx"在我的Web应用程序中使用该属性,我不想为IE9提供特殊的视觉效果.人们可以在IE9中为实现此功能提出一些好的建议吗？

我在这里找到了几个链接,但没有一个建议的脚本足够......答案是从2011年中期开始的,所以我想也许有更好的解决方案.也许有广泛采用的jQuery插件？我不想使用任何需要侵入式代码的东西,例如需要某个css类或其他东西.

谢谢.

编辑 - 我还需要这个用于密码输入字段.

// the below snippet should work, but isn't.

$(document).ready(function() \{

initPlaceholders()();

\}

function initPlaceholders() \{

$.support.placeholder = false;

var test = document.createElement('input');

if ('placeholder' in test) \{

$.support.placeholder = true;

return function() \{ \}

\} else \{

return function() \{

$(function() \{

var active = document.activeElement;

$('form').delegate(':text, :password', 'focus', function() \{

var \_placeholder = $(this).attr('placeholder'),

\_val = $(this).val();

if (\_placeholder != '' && \_val == \_placeholder) \{

$(this).val('').removeClass('hasPlaceholder');

\}

\}).delegate(':text, :password', 'blur', function() \{

var \_placeholder = $(this).attr('placeholder'),

\_val = $(this).val();

if (\_placeholder != '' && (\_val == '' || \_val == \_placeholder)) \{

$(this).val(\_placeholder).addClass('hasPlaceholder');

\}

\}).submit(function() \{

$(this).find('.hasPlaceholder').each(function() \{ $(this).val(''); \});

\});

$(':text, :password').blur();

$(active).focus();

\});

\}

\}

\}

发表评论取消回复

表情：

评论列表（有 0 条评论，73人围观）

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

相关阅读

相关 HTML空格占位符汇总

. （常用）不换行空格，全称No-Break Space，它是按下space键产生的空格。空格不会累加（只显示一个）。使用html表示才会累加，该空格占据宽...

清疚/ 2024年04月17日 19:35/ 0 赞/ 85 阅读

相关前端 Html 常见文本占位符

常见的占位符　可以看作一个空白的汉字 == 普通的英文半角空格 == == == no-break spac

深碍√TFBOYSˉ_/ 2023年06月15日 15:30/ 0 赞/ 2 阅读

相关解决IE9以下版本不支持HTML5

方法一 \IE9 以下版本浏览器兼容HTML5的方法，使用静态资源的html5shiv包： <!--[if lt IE 9]> <script

╰+攻爆jí腚メ/ 2023年02月15日 10:21/ 0 赞/ 23 阅读

相关 ie8支持html5标签吗_您知道这八个HTML5标签吗？

ie8支持html5标签吗 As a web developer, you will probably take advantage of a whole range of

清疚/ 2022年12月03日 10:00/ 0 赞/ 147 阅读

相关 html5控制符置于底层,IE9 HTML5占位符 - 人们如何实现这一目标？

我正在尝试placeholder="xxx"在我的Web应用程序中使用该属性,我不想为IE9提供特殊的视觉效果.人们可以在IE9中为实现此功能提出一些好的建议吗？我在这里找

小咪咪/ 2022年10月09日 00:45/ 0 赞/ 74 阅读

相关 html表格占位符,HTML表格

内容表格格式常用属性快捷键生成表格单元格合并标题列分组标签表格格式 <table> <tbody> <tr> <th>Heade

ゝ一纸荒年。/ 2022年10月05日 13:00/ 0 赞/ 469 阅读

相关让IE支持HTML5

HTML5能为我们做的事儿很多，最为可口的就是语义化标签的应用，如果你已经在Chrome或者其他支持HTML5的浏览器上用过它，那这篇文章对你一定有用，因为现在你也可以在IE上

Myth丶恋晨/ 2022年08月14日 04:51/ 0 赞/ 263 阅读

相关 html5shiv.js让IE6、IE7、IE8支持html5新标签

一、插件介绍用于解决IE9以下版本浏览器对HTML5新增标签不识别，并导致CSS不起作用的问题。所以我们在使用过程中，想要让低版本的浏览器，即IE9以下的浏览器支持，那

今天药忘吃喽~/ 2022年06月08日 02:27/ 0 赞/ 347 阅读

相关 IE9及以下版本中兼容HTML5元素

记得要放到head中 <head> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.c

爱被打了一巴掌/ 2022年05月19日 11:47/ 0 赞/ 229 阅读

相关 Python之{0:9}占位符

-- coding: utf-8 -- print("celery 定时任务执行成功，执行结果：{:0>2}:{:0>2}".format(1, 2

我会带着你远行/ 2022年05月15日 01:41/ 0 赞/ 219 阅读