JavaScript在HTML5輸出標記中顯示html文本輸入

我正在嘗試製作一個小型的JavaScript網絡應用程序，可以用來爲我將要製作的網頁製作模板（加快設計和內容）但是，這個我想讓它在我輸入時更新。我知道這可以用this完成，但我認爲它有點混亂。所以我試圖使用html5輸出元素，但我不能使它與文本字符串而不是僅與數字兼容。以下只適用於數字：JavaScript在HTML5輸出標記中顯示html文本輸入

<html> 
    <body> 
     <form oninput="x.value=parseInt(a.value)+parseInt(b.value)"> 
      <input type="range" name="a" value="50"> 
      <input type="number" name="b" value="50"> 
      <output name="x" for="a b"></output> 
     </form> 
    </body> 
</html>

PS：我是JS新手，只需要與FF兼容。

來源

2012-12-16 NatureShade

想過使用jQuery的，這將是不在話下辦？ – bobthyasian

試試jsfiddle.net測試並解釋 – mplungjan

所以你想在網頁上製作像Adobe Dreamweaver這樣的工具？我很瞭解你嗎？ –

試試這個 - DEMO

<form oninput="xx.value=aa.value+bb.value"> 
    <input type="text" name="aa" value="hello"> 
    <input type="text" name="bb" value="world"> 
    <output name="xx" for="aa bb"></output> 
</form>

來源

2012-12-16 12:30:57

JavaScript在HTML5輸出標記中顯示html文本輸入

回答

相關問題