2016-12-09 16 views
1

HTMLフォームを使用してカラー値を送信しようとしています。CSSフォントの色を変更するためのHTMLフォーム入力

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

私は、CSSでフォントの色のために別の値を交換する色の値を持つようにしたい:

textarea {color: #fff;} 

私は新たなんだとコードとの経験がほとんどありません。

ありがとうございます!

答えて

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

テキストエリアは.Iは – prasanth

+0

は、ご返信いただきありがとうございます、あなたのスニペットを編集した働いています!私はコードを試して、それは働いた。ただし、「送信」を押すとページが更新されます。これを回避する方法はありますか?ありがとうございました! –

+0

@RomeroSomeroあなたはevent.preventDefault()を使用できます。ページをリフレッシュしない場合はfalseを返します。私はそれを編集しました。 –

関連する問題