2017-01-17 5 views
-1
<!DOCTYPE html> 
<html> 
<head> 
    <style> 
     span { 
      color: red; 
     } 
    </style> 
</head> 
<body> 

     <textarea readonly cols=200 rows=40> 
      <span> 
       hahahahaha 
      </span> 
     </textarea> 

</body> 
</html> 

в этом примере, есть в любом случае я могу сделать текст в <span> быть красным цветом или это может быть сделано с помощью какого-либо другого тега HTML, как <textarea>?Могу ли я добавить <span> внутри <textarea> и сделать его полезным?

+0

Вы пытаетесь внедрить местозаполнитель textarea или что-то еще? – BoltClock

+0

Если это только для чтения, зачем вам это нужно как текстовое поле? – Scott

+0

Смотрите это: http://stackoverflow.com/questions/12831101/format-text-in-a-textarea и это: http://stackoverflow.com/questions/926723/tags-inside-textarea. Они в основном дают вам ту же возможность использования контент-контента div. –

ответ

0

Нет, вы не можете поместить HTML-элемент внутри тега поля формы, например textarea или input. Однако вы можете сделать цвет в текстовом поле красным, используя обычный CSS.

textarea { 
 
    color: red; 
 
}
<textarea>text</textarea>

0

Альтернативный метод также можно использовать, чтобы настроить стили атрибута заполнителем.

ссылка jsfiddle

Надеется, что это помогает.

::-webkit-input-placeholder { 
 
    color: red; 
 
} 
 

 
:-moz-placeholder { /* Firefox 18- */ 
 
    color: red; 
 
} 
 

 
::-moz-placeholder { /* Firefox 19+ */ 
 
    color: red; 
 
} 
 

 
:-ms-input-placeholder { 
 
    color: red; 
 
}
Who are you?<br /> 
 
<textarea readonly rows="4" cols="50" placeholder="Describe yourself here..."></textarea><br /> 
 
<input type="text" placeholder="red" />

-1

Хорошо, теперь я konw я не могу вставить в

и я получил еще один способ

<style type="text/css"> 
     .testDiv{ 
      bottom: 36px; 
      height: calc(100vh - 280px); 
      resize: none; 
      overFlow-x:scroll; 
      overFlow-y:scroll; 
     } 
     .keyword{ 
      color:red; 
     } 
</style> 

<div class='testDiv' id="keyword"> 
      one<br> 
      two<br> 
      three<br> 
      <span class="keyword">four</span><br> 
</div> 

просто добавить свиток, высота CSS в DIV