BaySky eBLOG

  : 

<私的備忘録> 気に入ったこと、気に懸かること、気に障ること を随意に・・・

スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサー広告  /  tb: --  /  cm: --  /  △top

長いプログラム文の表示テスト 

つぎは単なるテストです。

長いプログラム文が画面でどう表示されるかのテストです。<div>タグ、<pre>タグ、<textarea>タグの例を掲げておきます。 なお、プログラム文の中の 「<」 および 「>」 は Latin-1コードで書いておきます。

test-1:

<div style="background:#CCFFCC; padding:10px; width:400px;"> プログラム文 </div>

document.writeln('<div class="sidetitle">Search in this Blog</div>');
document.writeln('<div class="side">');
document.writeln('<div class="sidebody">');
document.writeln('<form action="http://blog.livedoor.com/search/article" method="GET"onsubmit="word.value += \' xyz\'">' );
document.writeln('<div style="text-align:center"><input name="word" value="" type="text" style="width:120px;"/>');
・・・・・



test-2:

<code style="background:#CCFFCC; padding:10px; width:400px;"> プログラム文 </code>

document.writeln('<div class="sidetitle">Search in this Blog</div>');
document.writeln('<div class="side">');
document.writeln('<div class="sidebody">');
document.writeln('<form action="http://blog.livedoor.com/search/article" method="GET"onsubmit="word.value += \' xyz\'">' );
document.writeln('<div style="text-align:center"><input name="word" value="" type="text" style="width:120px;"/>');
・・・・・



test-3:

<textarea rows="7" cols="80" style="background:#CCFFCC; padding:10" readonly> プログラム文 </textarea>



注釈1:
<textarea> は元来は「複数行の入力フィールド」を規定するもの。readonly を付記することにより、フィールド内のプリセットデータの加筆・訂正・削除が不可となる。

注釈2:
プログラム文の中の 「<」 および 「>」 は Latin-1コードで書きます。
スポンサーサイト
computer  /  tb: 0  /  cm: 0  /  △top

コメントの投稿

Secret

△top

この記事に対するコメント

△top

トラックバック

トラックバックURL
→http://baysky.blog1.fc2.com/tb.php/493-c7773f8e
この記事にトラックバックする(FC2ブログユーザー)

△top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。