如何修复<textarea>的部分?

时间:2016-01-15 03:07:25

标签: javascript html css ajax

&lt; p&gt;让我们说有一个textarea,但我想修复&#34;我喜欢&#34;不要让人们编辑他们只能做好准备&#34;我喜欢&#34;但他们可以改变篮球。&lt; / p&gt; &lt; p&gt;&lt; div class =&#34; snippet&#34;数据琅=&#34; JS&#34;数据隐藏=&#34;假&#34;数据的控制台=&#34;假&#34;数据巴贝尔=&#34;假&#34;&GT;&#13; &lt; div class =&#34; snippet-code&#34;&gt;&#13; &lt; pre class =&#34; snippet-code-html lang-html prettyprint-override&#34;&gt;&lt; code&gt;&lt; textarea&gt; I like basketball。&lt; / textarea&gt;&lt; / code&gt;&lt; /预&GT;&#13; &LT; / DIV&GT;&#13; &LT; / DIV&GT;&#13; &LT; / p为H.

3 个答案:

答案 0 :(得分:1)

我猜你要实现像这样的东西 - &gt; link

假设您不想使用“复杂代码”。如果我必须以某种方式实现这一点,因为我的雇主想要我,我首先不会使用textarea。特别是,如果您希望用户输入一项运动,或2-3个单词。

两种方式 我会这样做。

使用 bootstrap输入组 .Code是来自bootstrap文档的示例。请查看链接以获取其他帮助 - &gt; link

<div class="input-group">
  <span class="input-group-addon" id="basic-addon1">@</span>
  <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
</div>

否则,定义一个输入字段,让占位符为“我喜欢篮球”。然后在函数中使用 onblur 方法, 返回

var x="I like" + newinput;

或者,让我喜欢使用<p>标签,然后输入字段为空白,并带有初始的篮球占位符。

答案 1 :(得分:0)

如果不推荐使用一些复杂的js代码,这几乎是不可能的。作为一个建议,以下link建议了一个基于两个不同文本区域的简单方法,在这里您可以使用样式来使它们看起来像一个。

答案 2 :(得分:0)

您需要一种替代方法。 <textarea>本身并不具备保存不可编辑文本的功能。

根据您的示例获得相同的想法。在CSS脚本编写之后,像下面这样简单的东西会产生相同的效果:

<p><label>I like</label><input type="text" placeholder = "basketball" id="input"></p>