html5的placeholder在ie上不被支持,解决的方法
直接在网页里添加
<!--兼容ie的placeholder-->
<script src="static/js/placeholder.js"></script>
就可以了
// JavaScript Document (function($) { /** * Spoofs placeholders in browsers that don‘t support them (eg Firefox 3) * * Copyright 2011 Dan Bentley * Licensed under the Apache License 2.0 * * Author: Dan Bentley [github.com/danbentley] */ // Return if native support is available. if ("placeholder" in document.createElement("input")) return; $(document).ready(function(){ $(‘:input[placeholder]‘).not(‘:password‘).each(function() { setupPlaceholder($(this)); }); $(‘:password[placeholder]‘).each(function() { setupPasswords($(this)); }); $(‘form‘).submit(function(e) { clearPlaceholdersBeforeSubmit($(this)); }); }); function setupPlaceholder(input) { var placeholderText = input.attr(‘placeholder‘); setPlaceholderOrFlagChanged(input, placeholderText); input.focus(function(e) { if (input.data(‘changed‘) === true) return; if (input.val() === placeholderText) input.val(‘‘); }).blur(function(e) { if (input.val() === ‘‘) input.val(placeholderText); }).change(function(e) { input.data(‘changed‘, input.val() !== ‘‘); }); } function setPlaceholderOrFlagChanged(input, text) { (input.val() === ‘‘) ? input.val(text) : input.data(‘changed‘, true); } function setupPasswords(input) { var passwordPlaceholder = createPasswordPlaceholder(input); input.after(passwordPlaceholder); (input.val() === ‘‘) ? input.hide() : passwordPlaceholder.hide(); $(input).blur(function(e) { if (input.val() !== ‘‘) return; input.hide(); passwordPlaceholder.show(); }); $(passwordPlaceholder).focus(function(e) { input.show().focus(); passwordPlaceholder.hide(); }); } function createPasswordPlaceholder(input) { return $(‘<input>‘).attr({ placeholder: input.attr(‘placeholder‘), value: input.attr(‘placeholder‘), id: input.attr(‘id‘), readonly: true }).addClass(input.attr(‘class‘)); } function clearPlaceholdersBeforeSubmit(form) { form.find(‘:input[placeholder]‘).each(function() { if ($(this).data(‘changed‘) === true) return; if ($(this).val() === $(this).attr(‘placeholder‘)) $(this).val(‘‘); }); } })(jQuery);
兼容ie的placeholder设置,布布扣,bubuko.com
原文:http://www.cnblogs.com/zhangruiyun/p/3885868.html