CSSファイルのスタイルHTMLフォーム

-1

コンテキスト：私は、カーテンを開く時間やラズベリーパイ3とESP8266とモーターなどのデータを入力するWebページを作成しています。その時間に基づいてカーテンを開きますこれは問題ではありません。私はhtmlファイルと、HTMLをスタイルするCSSファイルを持っています。CSSファイルのスタイルHTMLフォーム

質問：「どのように私のフォームを私のCSSファイルからHTMLでスタイルしますか？もしそうならば、どのようにすべてのフォームよりも特定のフォームをスタイルすることができますか？それにクラスを与えることによって

<html> 
 
<body> 
 
<form action ="." method="POST"> 
 
<br>Time to open curtain: </br> 
 
<input type="text" name="CurtainOpenTime" placeholder="Default Open Time: 8am"> 
 
<input type="submit" name="SubmitCurtainTimes" value="Execute"> 
 
</form> 
 
</body> 
 
</html>

出典

2017-07-12 ThePGT

https://www.w3.org/Style/Examples/011/firstcss.en.html – pbenard

代わりに、ここで尋ねるの 'HTML'と' CSS'のチュートリアルに従ってください... https://w3schools.comは開始するには良い場所です – Red

はい私はまずw3schools.comに行きました。彼らは他の方法を使っていましたが、このstackoverflowスレッドで提供された答えは最も単純で分かりやすいものでした。ありがとうございました:) – ThePGT

。

CSSで

.my_form 
{ 
    color: #f00; 
}

HTMLで

<form class="my_form"> 

</form>

出典

2017-07-12 14:02:53 Companjo

お返事ありがとうございました。返信ありがとうございました – ThePGT

あなたの素早い対応と解決に感謝します。 – ThePGT

@ThePGTあなたは大歓迎です:) – Companjo

-1

各フォームには、私はそれがカーテンという名前の下の例では、ユニークなIDを持つことができます。要素のスタイリングはあなたのファンタジーによってのみ制限されます。私は以下のいくつかの例を作りました。

.text { 
 
    margin: 1em 0; 
 
    color: red; 
 
} 
 

 
input[type="text"] { 
 
height: 2em; 
 
font-size: 2em; 
 
} 
 

 
input[type="submit"] { 
 
height: 2em; 
 
margin-top: 1em; 
 
width: 6em; 
 
background-color: blue; 
 
color: white; 
 
font-size: 1.5em; 
 
border: thin solid lightblue; 
 
border-radius: 1em; 
 
}

<form id="curtains" action="." method="POST"> 
 
    <div class="text">Time to open curtain:</div> 
 
     <input type="text" name="CurtainOpenTime" placeholder="Default Open Time: 8am"><br> 
 
     <input type="submit" name="SubmitCurtainTimes" value="Execute"> 
 
</form>

出典

2017-07-12 14:10:15 Gerard

要素のスタイリングはあなたのファンタジーによってのみ制限されますか？それはどういう意味ですか？ – Red

@ジェラード、はい私はそれを見つけましたが、個別に行うことでさらにカスタマイズしたいと思っていますが、あなたの時間に非常に感謝します。あなたの時間にこれを+1します。本当に感謝します。大変ありがとう！ :) – ThePGT

@Red - 私はダウン投票を気にしない。ここでちょっとお手伝いしようとしています。それは競争ではありません。 – Gerard

CSSファイルのスタイルHTMLフォーム

答えて

関連する問題