OECSPACE - Css style樣式表

CSS是Cascading Style Sheets的縮寫，我們中文稱為「串聯樣式表」

CSS串聯樣式表教學『表單樣式』

一般常見的表單如下：
文字方塊 <input type="text" name="T1" size="15">
按鈕 <input type="submit" value="submit" name="B1">
核取方塊 <input type="checkbox" name="C1">
選擇鈕 <input type="radio" value="V1" checked name="R1">
多行文字方塊 <textarea rows="1" name="S1" cols="15"></textarea>
下拉式功能表 <select size="1" name="D1"><option>選項1</option>
<option>選項2</option></select>

表單運用樣式

表單運用簡說

<style type="text/css">

</style>

制定不同樣式簡說
以上方式會讓整個網頁的表單都呈現相同的效果
若要用不同的樣式就需要用自訂選擇器:如下

.A{border : 1px solid #090;background-color:#9c9;}
.B{border : 2px dotted #9CF;background-color:#fff;}

<input type="text" size="15" value="引用.A" class="A">
<input type="text" size="15" value="引用.B" class="B">

CSS不支援下拉表單框線