文本框里的文字是加粗的,大小是9pt,字体是宋体,代码:
<input type="text" name="formExam" size="10" maxlength="10" style="font-family:宋体; font-size: 12px; font-weight: bold" value="加粗">
口令框文字是红色的,代码:
<input type="password" name="formExam3" style="font-size: 9pt; color: #FF0000" size="8" maxlength="8">
下拉框文字颜色是红色的,字体是Verdana,大小是9pt,代码:
<select name="select" size="1" style="font-family:Verdana,Arial; font-size: 9pt; color: #FF0000">
<option value="2" selected>yesky.com</option>
<option value="1">redidea.net</option>
</select>
多行文本框了的字体是Verdana,有下划线,大小是9pt,代码:
<TEXTAREA name="formExam2" cols="30" rows="3" style="font-family:Verdana, Arial; font-size: 9pt; color: #000099; text-decoration: underline" align=right>underline css style</TEXTAREA>
发送1和发送2按钮的文字不同,是因为发送1按钮使用了9pt的宋体文字,所以比较美观,发送1按钮的代码:
<input type="submit" name="Submit" value="发送1" style="font-family:宋体; font-size: 9pt;">
文本框背景是黑色的,字体是白色的,代码:
<input type="text" name="RedFld" size="10" maxlength="10" style="color: #FFFFFF; background-color: #000000">
口令框背景是灰色的,代码:
<input type="password" name="RedFld3" size="10" maxlength="10" style="background-color: #999999">
单选和复选按钮的背景是红色的,代码:
<input type="checkbox" name="checkbox" value="checkbox" style="background-color: #FF0000">
<input type="radio" name="radiobutton" value="radiobutton" style="background-color: #FF0000">
下拉选择框的选项是丰富多彩的背景,代码:
<select name="select2" size="1">
<option selected style="background-color: #FF0000">yesky.com</option>
<option style="background-color: #0000CC">redidea.com</option>
<option style="background-color: #009900">chinabyte.com</option>
<option style="background-color: #ff33cc">sina.com</option>
<option style="background-color: #999999">sohu.com</option>
</select>
多行文本框的背景是一个图像,代码:
<TEXTAREA name="RedFld2" cols="25" rows="3" wrap="VIRTUAL" style="background-image: url(back.gif)"></TEXTAREA>
submit1按钮的背景是黄色的,代码:
<input type="submit" name="Submit3" value="Submit1" style="background-color: #FF9900">
submit2按钮的背景是一个图像,代码:
<input type="submit" name="Submit22" value="Submit2" style="background-image: url(back.gif)">
文本框:只有下边框
代码:<input style="background-color: #FFFFFF; border-color: #000099; border-style: solid; border-width: 0px 0px 1px" />
文本框:上下边框颜色不同
代码:<input style="background-color: #FFFFFF; border-color: #CCCCCC black #FF0000; border-style: solid; border-width: 1px 0px" />
文本框:边框、颜色不同
代码:<input style="background-color: #FFFFFF;border-left: 1px dotted #ff0000; border-right: 1px dotted #ff0000; border-top: 1px dotted #ff0000; border-bottom:1px solid #000000" />