如何在HTML中原格式输出文本

方案一：使用 HTML pre tag<div class="content">

<pre>

{{ text_data }}

</pre>

</div>

缺点是默认为等宽字体。

方案二：使用 linebreaks filter

<div class="content">

{{ text_data|linebreaks }}

</div>

<!-- 或 -->

<div class="content">

{{ text_data|linebreaksbr }}

</div>

获取文本框中的内容有以下两种方法：

假设为如下文本框：

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

1、原生JS获取文本框的值：

document.getElementById("text").value  //text为文本框的id

2、jquery获取文本框的值：

$("#text").val()

你说的不是<img title='提示信息吧' src=...>吧，下面的代码是我刚才写的例子，你参考就可以做：

<div id=img_note></div>

<img src=SH101721.JPG height=400 onMouseOver="img_note.innerHTML='说明文字'" onMouseOut="img_note.innerHTML=''">

DIV可以放在任意地方，也可以是SPAN。

补充：

你的代码基本上正确，只是有一点小毛病，就是鼠标移开以后提示不消失，因为你后面的img_note1你丢失了数字，修改如下：

<tr>

<td height="20" width="51"><div id=img_note1></div></td>

<td height="20" width="51"><div id=img_note2></div></td>

<td height="20" width="51"><div id=img_note3></div></td>

</tr>

<tr>

<td><a href=""><img src="index.do_files/game_12.gif" height="55" width="51" onMouseOver="img_note1.innerHTML='说明文字'" onMouseOut="img_note1.innerHTML=''"></a></td>

<td><a href=""><img src="index.do_files/game_3.gif" height="55" width="51" onMouseOver="img_note2.innerHTML='说明文字'" onMouseOut="img_note2.innerHTML=''"></a></td>

<td><a href=""><img src="index.do_files/game_11.gif" height="55" width="51" onMouseOver="img_note3.innerHTML='说明文字'" onMouseOut="img_note3.innerHTML=''"></a></td>

</tr>

---