文本框里的文字是加粗的,大小是9pt,字体是宋体<br> <input type="text" name="formExam" size="10" maxlength="10" style="font-family:宋体; font-size: 12px; font-weight: bold" value="加粗"> <br>口令框文字是红色的<br> <input type="password" name="formExam3" style="font-size: 9pt; color: #FF0000" size="8" maxlength="8"> <br>下拉框文字颜色是红色的,字体是Verdana,大小是9pt<br> <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> <br>多行文本框了的字体是Verdana,有下划线,大小是9pt<br> <br>发送1和发送2按钮的文字不同,是因为发送1按钮使用了9pt的宋体文字,所以比较美观<br> <input type="submit" name="Submit" value="发送1" style="font-family:宋体; font-size: 9pt;"> <input type="submit" name="Submit" value="发送1" ><br> <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 |
文本框背景是黑色的,字体是白色的<br> <input type="text" name="RedFld" size="10" maxlength="10" style="color: #FFFFFF; background-color: #000000"> <br>口令框背景是灰色的<br> <input type="password" name="RedFld3" size="10" maxlength="10" style="background-color: #999999"> <br>单选和复选按钮的背景是红色的<br> <input type="checkbox" name="checkbox" value="checkbox" style="background-color: #FF0000"> <input type="radio" name="radiobutton" value="radiobutton" style="background-color: #FF0000"> <br>下拉选择框的选项是丰富多彩的背景<br> <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> <br>多行文本框的背景是一个图像 <br>submit1按钮的背景是黄色的<br> <input type="submit" name="Submit3" value="Submit1" style="background-color: #FF9900"> <br>submit2按钮的背景是一个图像<br> <input type="submit" name="Submit22" value="Submit2" style="background-image: url(attachments/month_200502/21_171412_2yq5bg.gif)"><br> <TEXTAREA name="RedFld2" cols="25" rows="3" wrap="VIRTUAL" style="background-image: url(attachments/month_200502/21_171412_2yq5bg.gif)"> |
<INPUT style="BORDER-RIGHT: #006600 1px dotted; BORDER-TOP: #006600 1px dotted; BORDER-LEFT: #006600 1px dotted; BORDER-BOTTOM: #006600 1px dotted" size=10 value=dotted name=RedF> <INPUT style="BORDER-RIGHT: 3px dashed; BORDER-TOP: 1px dashed; BORDER-LEFT: 3px dashed; BORDER-BOTTOM: 1px dashed" size=10 value=dashed name=RedF2> <INPUT style="BORDER-RIGHT: 3px double; BORDER-TOP: 3px double; BORDER-LEFT: 3px double; BORDER-BOTTOM: 3px double" size=10 value=double name=RedF3> <INPUT style="BORDER-RIGHT: 2px groove; BORDER-TOP: 2px groove; BORDER-LEFT: 2px groove; BORDER-BOTTOM: 2px groove" size=10 value=groove name=RedF4> <BR> <INPUT style="BORDER-RIGHT: 3px inset; BORDER-TOP: 3px inset; BORDER-LEFT: 3px inset; BORDER-BOTTOM: 3px inset" size=10 value=inset name=RedF5> <INPUT style="BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; BORDER-LEFT: 2px outset; BORDER-BOTTOM: 2px outset" size=10 value=outset name=RedF6> <INPUT style="BORDER-RIGHT: 3px ridge; BORDER-TOP: 3px ridge; BORDER-LEFT: 3px ridge; BORDER-BOTTOM: 3px ridge" size=10 value=ridge name=RedF7> <INPUT style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" size=10 value=solid name=RedF8> <BR> <INPUT style="BORDER-RIGHT: #006600 1px dotted; BORDER-TOP: #006600 1px dotted; BORDER-LEFT: #006600 1px dotted; BORDER-BOTTOM: #006600 1px dotted" type=checkbox value=checkbox name=checkbox2> 复选 <INPUT style="BORDER-RIGHT: 3px double; BORDER-TOP: 3px double; BORDER-LEFT: 3px double; BORDER-BOTTOM: 3px double" type=submit value=发送 name=Submit4> <INPUT style="BORDER-RIGHT: 3px dashed; BORDER-TOP: 1px dashed; BORDER-LEFT: 3px dashed; BORDER-BOTTOM: 1px dashed" type=submit value=取消 name=Submit23> <BR> <TEXTAREA style="BORDER-RIGHT: #006600 1px dotted; BORDER-TOP: #006600 1px dotted; BORDER-LEFT: #006600 1px dotted; BORDER-BOTTOM: #006600 1px dotted" name=RedF9 rows=3 wrap=VIRTUAL cols=30> |
<INPUT style="BORDER-RIGHT: #000099 0px solid; BORDER-TOP: #000099 0px solid; BORDER-LEFT: #000099 0px solid; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #ffffff" size=25 value=文本框:只有下边框 name=myRed> <INPUT style="BORDER-RIGHT: #000099 0px solid; BORDER-TOP: #000099 0px solid; BORDER-LEFT: #000099 0px solid; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #ffffff" type=button value=按钮1 name=Button> <INPUT style="BORDER-RIGHT: black 0px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: #ff0000 1px solid; BACKGROUND-COLOR: #ffffff" size=25 value=文本框:上下边框颜色不同 name=myRed2> <INPUT style="BORDER-RIGHT: black 0px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: #ff0000 1px solid; BACKGROUND-COLOR: #ffffff" type=button value=按钮2 name=Submit24> <INPUT style="BORDER-RIGHT: #ff0000 1px dotted; BORDER-TOP: #ff0000 1px dotted; BORDER-LEFT: #ff0000 1px dotted; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #ffffff" size=25 value=文本框:边框、颜色不同 name=myRed3> <INPUT style="BORDER-RIGHT: #ff0000 1px dotted; BORDER-TOP: #ff0000 1px dotted; BORDER-LEFT: #ff0000 1px dotted; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #ffffff" type=button value=按钮3 name=Submit32> |
<INPUT type=image height=19 width=53 src="attachments/month_200502/21_171406_pmeslogin.gif" align=absMiddle border=0 name=imageField> |
<INPUT onclick=this.form.submit() type=image height=19 width=53 src="attachments/month_200502/21_171406_pmeslogin.gif" align=absMiddle border=0 name=RedImg> <INPUT onclick=this.form.reset() type=image height=19 width=53 src="attachments/month_200502/21_171416_1xp4reset.gif" align=absMiddle border=0 name=RedImg3> |
<INPUT style="BACKGROUND-IMAGE: url(attachments/month_200502/21_171412_2yq5bg.gif)" name=RedBack> <INPUT style="BACKGROUND-IMAGE: url(attachments/month_200502/21_171412_2yq5bg.gif)" type=checkbox value=checkbox name=checkbox3> <INPUT style="BACKGROUND-IMAGE: url(attachments/month_200502/21_171412_2yq5bg.gif)" type=radio value=radiobutton name=radiobutton> <select style="BACKGROUND-IMAGE: url(attachments/month_200502/21_171412_2yq5bg.gif)" size=1 name=select3> <INPUT style="BACKGROUND-IMAGE: url(attachments/month_200502/21_171412_2yq5bg.gif)" type=submit value=Submit name=Submit5> <INPUT style="BACKGROUND-IMAGE: url(attachments/month_200502/21_171412_2yq5bg.gif)" type=reset value=Reset name=Submit25> |
联系客服