2016-12-09 5 views
1

Ich versuche, ein HTML-Formular zum Übermitteln eines Farbwerts zu verwenden.HTML-Formulareingabe zum Ändern der CSS-Schriftfarbe

<form> 
Font color:<br> 
    <input type="color" name="colorInput"> 
    <input type="submit" value="Submit"> 
</form> 

Ich möchte dann den Farbwert haben, einen anderen Wert für die Schriftfarbe im CSS zu ersetzen:

textarea {color: #fff;} 

Ich bin neu und habe wenig Erfahrung mit Codierung.

Vielen Dank im Voraus!

Antwort

2

textarea {color: #fff;}
<form> 
 
Font color:<br> 
 
    <input type="color" name="colorInput"> 
 
    <input type="submit" value="Submit" onsubmit="return false" onclick="document.getElementById('ss').style.color=colorInput.value; console.log(colorInput.value)"> 
 
</form> 
 

 

 
<textarea id="ss"rows="10" cols="30">test</textarea>

+1

TextArea- arbeitet .i wurde Ihr Snippet – prasanth

+0

Ihnen für Ihre Antwort danken bearbeitet! Ich habe den Code ausprobiert, und es hat funktioniert. Die Seite wird jedoch aktualisiert, wenn ich 'Senden' drücke. Gibt es einen Weg dazu? Danke nochmal! –

+0

@RomeroSomero Ok, Sie können event.preventDefault(); oder return false, um die Seite nicht zu aktualisieren. Ich habe es bearbeitet. –

Verwandte Themen