kann ich hinzufügen <span> in <textarea> und ist es nützlich?

<!DOCTYPE html>
<html>
<head>
    <style>
        span {
            color: red;
        }
    </style>
</head>
<body>

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

</body>
</html>

in diesem Beispiel，ist es trotzdem kann ich den text in <span> werden in der Farbe rot
oder kann es getan werden, von einigen anderen html-Tags wie <textarea>?

Sind Sie versuchen, zu implementieren eine textarea Platzhalter oder so?
Wenn es schreibgeschützt ist, warum müssen Sie es als ein textarea?
Sehen: stackoverflow.com/questions/12831101/format-text-in-a-textarea und hier: stackoverflow.com/questions/926723/tags-inside-textarea. Sie im Grunde geben Sie die gleiche Möglichkeit, eine contenteditable div.
Man nennt das einen textBereich, nicht eine htmlBereich.
Es ist möglich, trennen die Formatierung von text mithilfe einer contenteditable-element. Hier ist der fiddle-Färbung bestimmten chars on-the-fly: codeply.com/go/YHx9yphpHW

InformationsquelleAutor | 2017-01-17

1

Nein, können Sie nicht setzen Sie ein HTML-element in einem Formular-Feld-tag wie textarea oder input. Sie können jedoch die Farbe in ein textarea-rot mit normalen CSS.

CSS:
```
textarea {
  color: red;
}
```
HTML:
```
<textarea>text</textarea>
```
InformationsquelleAutor Michael Coker

Alternative Methode können Sie auch verwenden, stellen Sie die Stile der Platzhalter-Attribut.

link zu jsfiddle

Hoffe, das hilft.

CSS:

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

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

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

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

HTML:

Who are you?<br />
<textarea readonly rows="4" cols="50" placeholder="Describe yourself here..."></textarea><br />
<input type="text" placeholder="red" />

InformationsquelleAutor jameswassinger

-1

OK, jetzt habe ich wissen, dass ich kann es nicht einfügen in

und ich habe einen anderen Weg

<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>

fügen Sie einfach einen Bildlauf,Höhe, css div

InformationsquelleAutor 俞佳宁

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.