奇怪填充在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

回答

相關問題