网页设计问题,怎样将文本框中的内容原样输出

怎样将文本框中的内容原样保存,包过换行和空格,然后原样输出,
就和这个提问框一样,将输入原样输出,我用的是php

第一步:先写一个文本框的出来。

第二步:在浏览器中看效果。

第三步:给文本框写上id。

第四步:给文本框写上相应的方法。

第五步:写出一个打印的按钮,并将方法放到一个函数中。

第六步:在页面中查看效果。

最后:附上源代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript">

function print(){

var text=document.getElementById("text_content").value



alert(text);

}

</script>

</head>


<body>


<input type="text" value="这是文本框的内容" id="text_content" />


<button onclick="print()">打印</button>


</body>

</html>

温馨提示:答案为网友推荐,仅供参考
第1个回答  2011-12-16
一个最简单的办法是,将内容放入xmp标签内:
<xmp style="word-wrap: break-word;">
在这里放你的内容,无须任何转换,所有的换行、html标签、甚至样式脚本都会原样显示。
加上样式使得不间断字符自动折行显示,不会被撑破。
</xmp>
第2个回答  2011-12-16
你可以添加一个 html文本编辑器
就是我现在正在给你回答问题时用的这个输入框类似的。
最近我在用kindEditor这个感觉很不错追问

能说下怎么添加吗,谢谢

追答

你先下载那个插件。然后网页中插入如下代码

var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
cssPath : 'edit/plugins/code/prettify.css',
allowFileManager : true
});
editor1 = K.create('textarea[name="content1"]', {
cssPath : 'edit/plugins/code/prettify.css',
allowFileManager : true
});
});

其中
就是输入框了。
还有很多其它功能。你可以看他的例子

追问

这个每次换行,他都会自动分段,那个功能能不能取消,像百度这样就很好了

追答

我感觉可以实现,但是没有试验过。
如果是供别人留言,那为什么要要求这么高。
如果是自己用,可以在本地编辑完,粘贴进去就可以了。

本回答被提问者采纳
第3个回答  2011-12-16
你的意思明白了?你要在一个页面内实现 ?你的意思在上面文本框输入下面也跟着显示出来了?
这个要用到ajax 才能实现,单纯的php是实现不了的。追问

才知道ajax,学习了,
因为我做的一个留言板,留言提交后再查看留言所有的空格和换行都被去掉了,我希望保留,
我知道保留换行可以用nl2dr,不知道怎么保留空格

相似回答