如何使html页面中的文本变为可编辑的

作者&投稿:涂永 (若有异议请与网页底部的电邮联系)
在HTML页面里怎么样才能让文本域里边的内容变成只能浏览而不能够对它进行编辑的呢??~

文本框,用来显示一个文本的信息,但是我要用户不能修改这个文本框内的值,——不能使用disabled,因为这样会使文本框变灰,而且无法提交数据。


若只是css和html,那是绝对不行的.至少要用javascript

有几种方法可以实现,
不用服务器,有两种:
1.cookie或sessionStorage(html5内容),最好不要用,有时间限制,不能存放大量内容。
2.html5的新内容,localStorage,现在最新的浏览器还是能支持的。
http://www.w3school.com.cn/html5/html_5_webstorage.asp,这里就有介绍。
最好还是用服务器,可以在线保存,你先得有一台服务器,然后写,可以用php等服务器语言,如果学了mysql等的数据库,那么,就简单了。

HTML5有contenteditable的全局属性,例如:

<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>
  • 其中各属性赋值:

  • true    规定可以编辑元素内容。    

  • false    规定无法编辑元素内容。    

  • classname    继承父元素的 contenteditable 属性。    



网页制作怎么改变字体颜色网页制作怎么改变字体颜色呢
答:1.首先在桌面上新建一个文件夹,然后新建两个文本文件;将文本文件分别重命名为index.html和css.css。2.用记事本打开index.html文件,并输入以下代码。3.用浏览器打开浏览效果。4.编辑index.html,在 5,浏览器浏览效果,就这么搞定了。怎么改变浏览器页面字体和颜色?uc浏览器好像可以换皮肤,但是不能...

如何使html页面中的文本变为可编辑的
答:HTML5有contenteditable的全局属性,例如:<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>其中各属性赋值:true 规定可以编辑元素内容。false 规定无法编辑元素内容。classname 继承父元素的 contenteditable 属性。

用HTML如何将文字变成黑色?谢了!
答:1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<body>标签中,输入html代码:<span style="color:#000000">这是黑色的字</span>。3、浏览器运行index.html页面,此时文字变成黑色了。

HTML中如何将文本框变宽
答:1.首先用sublime text2新建一个测试用的html页面。我这里就叫test.html 2.这个时候在网页中添加以个label标签和一个input框。3.预览一下效果,我们可以知道默认的宽度是10 4.这里我们通过设置size的属性修改一下宽度。7.再预览一下效果。是不是宽度减少了呢。如果是简单改变宽度这就足够了,但是如果...

HTML中如何将文本框变宽
答:一、html设置宽度的方法 1、通过设置input的size属性来实现输入框宽度的改变,代码如下:<input type="txt" /></br><input type="txt" size="100" />2、运行的结果如下:二、使用css方法 1、使用css的width直接设置输入框的宽度,代码如下:<input type="txt" /></br><input type="txt" ...

如何定义HTML页面输入框内输入的文本的样子?
答:按常规的样式定义 如:.input { color:#f00; /*红色文字*/ width:160px; /*定义宽度*/ height:24px; /*定义高度*/ border:1px solid #ccc /*定义边框,1像素,灰色 */ font:normal 12px/24px "" /*定义字体,不加粗,12像素字,24像素行距,使用默认字体*/ } ...

怎么在html网页中使文字居中对齐?
答:要让文字在HTML网页中居中,你可以使用CSS来设置文本的居中对齐方式。以下是几种常见的方法:文本水平居中:使用CSS的text-align属性来水平居中文本。将该属性应用于包含文本的HTML元素,如<div>或<p>。<style>.center-text { text-align: center;}</style><div class="center-text">这是居中的...

如何在html中更改行间距
答:在html中可以通过设置CSS中的line-height属性来改变行间距,可以给line-height设置的值可以是数字,像素大小或者是百分比,但是不可以设置成负值在为网站编写html页面时,文本内容的行间距可能是保留为默认值的属性之一。今天将要向大家介绍如何更改行间距,具有一定的参考作用,希望对大家有所帮助。【推荐课程...

html运行后如何让他自动改变编辑框文本
答:html中dom加载完成后可以把变量的值赋给文本框。1、要赋值的文本框添加一个属性 id 2、在js中根据ID 获取得到当前的文本框 3、得到文本框之后,变量名.value=要赋的值 4、赋值完成

如何用html使“当鼠标移到某断字上时改变字的大小和颜色”?
答:外语缩写HTML),是迄今为止网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。