測驗和ContentEditable標籤

我正在做一個簡短的HTML測驗，在一些javascript的幫助下。問題是我不想用<input>來接受答案，我正在尋找替代方案。 JavaScript根據標籤ID運行輸入。是否有可能使用另一個標籤contenteditable。我希望盒子說「在這裏鍵入答案」。如果JavaScript的檢查ID1，我能有這樣的事，測驗和ContentEditable標籤

<p id="id1" contenteditable="true">Type answer here</p>

而不是

<input type="text" id="id1">

似乎在理論上確定，但是當我測試它，它就像它沒有運行什麼我輸入對的javascript 。有什麼建議麼？

更新：我猜這是行不通的，因爲可能contenteditable實際上並沒有改變標籤中的文字。標籤的任何替代方案/解決方法。謝謝:)

來源

2012-10-01 user1504591

爲什麼你不希望使用''？接受用戶輸入很棒。 – Quentin

絕對是。然而這是參考IOS6中的ibooks。而目前無法正常工作。我們必須在IOS5中使用一種解決方法來添加交互性。 – user1504591

''無法正常工作？ –

非表單元素在JavaScript中沒有value屬性。您必須使用innerHTML或textContent（取決於您是否要保留HTML標記）以獲取該值。

↪View an example at JSFiddle

來源

2012-10-01 15:35:14 user2428118

完美運作。謝謝！！！ :) – user1504591

如果您嘗試使用value屬性（如輸入）從contenteditable元素中獲取輸入的文本，那麼您的運氣不好，因爲它沒有。您需要innerHTML或textContent（取決於您是否要忽略格式）。

來源

2012-10-01 15:27:01

測驗和ContentEditable標籤

回答

相關問題