我正在用 HTML 制作一个注册页面。我正在使用placeholder
输入,但我知道一些主要浏览器(IE <9、Firefox <3.7、Chrome/Safari <4.0)不支持此 HTML5 功能。
我最喜欢的回退方式placeholder
是这段代码,它不需要任何 Modernizr 或其他 JavaScript:
<audio>Username: </audio>
<!-- Fallback; won't be displayed by HTML5 browsers -->
<input type="text" placeholder="Username">
<!-- The placeholder will just be ignored by non-HTML5 browsers-->
问题是这个注册表单在一个表格中,并且后备不起作用 - 它也显示了后备文本:
<table>
<tr>
<audio>
<td>
Username:
</td>
</audio>
<td>
<input type="text" name="Username" placeholder="Username">
</td>
</tr>
</table>
那么,我该怎么做回退呢?我知道 Modernizr 和其他 JS 库,但由于我的服务器上传速度低并且作为一般准则,我更愿意避免使用它们。<td><audio>Fallback</audio></td>
此外,由于图形问题(添加水平空白,也可以设置 td 样式可能会出现问题),我没有考虑使用。