奇怪填充在HTML

<audio id="audiotag6" src=diktat02/gaaet.m4a preload="auto"></audio> <a href="javascript:play_sound('audiotag6');">The sun had <input type="text" name="word6" autocomplete="off"/> ned, </a> <audio id="audiotag7" src=diktat02/koelig.m4a preload="auto"></audio> <a href="javascript:play_sound('audiotag7');"> and the air was <input type="text" name="word7" autocomplete="off"/> klar, </a>

我发现删除音频标签修复了这个问题。您可以使用以下布局：

<body> 
<audio id="audiotag6" src=diktat02/gaaet.m4a preload="auto"></audio> 
<audio id="audiotag7" src=diktat02/koelig.m4a preload="auto"></audio> 

<form> 
<a href="javascript:play_sound('audiotag6');">The sun had <input type="text"  name="word6" autocomplete="off"/> ned, </a> 
<a href="javascript:play_sound('audiotag7');"> and the air was <input type="text" name="word7" autocomplete="off"/> klar, </a> 
</form> 
</body>

而且，你不应该把锚定体的形式元素中，但字段类型元素之外..它可以工作，但它不是语义准确:)

编辑：

思考一些关于如何能够在语义上更友好的方式来完成，我把thsi在一起后：

<audio> 
    <source src="diktat02/gaaet.m4a" id="audiotag6" preload="auto" type="audio/m4a" /> 
    <source src="diktat02/koelig.m4a" id="audiotag7" preload="auto" type="audio/m4a" /> 
    Your browser does not support the audio tag. 
</audio> 

<form onsubmit="play_sound('audiotag6');"> 
The sun had <input type="text" name="word6" autocomplete="off"/> ned, 
<input type="submit" value="Play" /> 
</form> 

<br /> 
<br /> 

<form onsubmit="play_sound('audiotag7');"> 
and the air was <input type="text" name="word7" autocomplete="off"/> klar, 
<input type="submit" value="Play" /> 
</form>

这样ÿ避免链接，立即设置音频标签，句子的播放机制更加清晰，而且JavaScript不那么间接。当然，你将决定如何实现这个根据自己的喜好，我不认为我是无论如何:)

希望这有助于最好的解决方案。

来源

2011-11-06 22:58:36 sdo

奇怪填充在HTML

回答

相关问题