簡體   English   中英

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

[英]JavaScript display html text input in html5 output tag

我正在嘗試創建一個小的JavaScript Web應用程序,我可以使用它為我要制作的網頁制作模板。(為了加快設計和填充。)但是當我這樣做時,我想讓它在我打字時更新。 我知道可以用這個來完成,但我覺得它有點亂。 所以我試圖使用html5輸出元素,但我不能使它與文本字符串兼容,而不是只與數字兼容。 以下僅適用於數字:

<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兼容。

試試這個 - 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>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM