テキストボックスに文字飾り表示（２の３乗）が出来ない。

解決済

質問者：American123
質問日時：2010/10/31 15:28
回答数：3件

テキストボックスに文字飾り表示（２の３乗）が出来ない。

　JavaScriptを使用しテキストボックスに上付き、下付き文字を表示したいのですが上手く表示しません。HTMLのコードが出てしまいます。下記簡単なコードを添付しますので、何方か正しい表示方法を教えてください。
参考までにコード中(1)は正しく表示できず（テキストボックス中）、(2)は正しく表示します。（非テキストボックス）
<HTML>
<HEAD>
<SCRIPT language="JavaScript">
function disp(){
var c=new Array("2"+"3".sup(),"1","2");
document.tm.a1.value=c[0]; // (1)
document.write(c[0]); // (2)
}
</SCRIPT>
</HEAD>
<body>
<FORM name="tm">
<INPUT type="button" value="" onClick="disp()">
<INPUT name="a1" type="text" size="20" width="10">
</FORM>
</body>
</HTML>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： yyr446
回答日時：2010/11/01 10:26

補足

実態はテキストボックスやテキストエリアじゃないですが、
ワープロ感覚で、テキストを入力してもらって、HTMLとして
取得するには、Webのオンラインエディターのライブラリーが
いくつかあります。↓は結構有名です。（javascript+cssで実現）です。
「ckEditor(旧 FckEditor)」
http://ckeditor.com/demo

- 0
- 件

通報する

No.2

回答者： yyr446
回答日時：2010/11/01 09:59

　str.sup()メソッドは、stringオブジェクトのHTMLラッパーメソッドで、

HTML要素である<sup></sup>のタグをストリングに付加してHTMLを生成する
もので、document.writeとか、element.innerHTMLでHTML要素として書き出さ
ないと意味が無いです。

　INPUT name="a1" type="text" size="20" width="10">のvalue(中身）は
HTMLでなくて単なるテキストですから、HTMLのタグを書いてもそのまま、
表示されるだけです。