html - 将跨度或输入元素用于不可编辑的表单字段

我刚从twitter bootstrap开始。
我想创建一个禁用的表单域。在文档中我找到了这个片段：

<input type="text" placeholder="Disabled input here..." disabled>

但在IE9中占位符不起作用。当我使用value属性设置其工作内容时（并覆盖palceholder文本，该文本在其他浏览器（如chrome）中工作）。
有一种不使用输入元素的替代方法：

<span class="uneditable-input">Some value here</span>

这也适用于IE9和chrome。哪个解决方案更好（与旧浏览器兼容，如IE8、7（和6）？

最佳答案

IE7/8/9不支持HTML5占位符。最好的解决方案必须是使用提供功能的脚本/插件（当它不存在时）。
见https://github.com/miketaylr/jQuery-html5-placeholder
我也曾在http://jquery-watermark.googlecode.com/
他们都使用HTML5（如果有），如果没有，就模拟它。
它们使用起来非常简单。例如，要使用水印，只需包含它并在文档中添加一行即可。ready（）

$("#my-input").watermark('default text');