[转]input表单提交按钮对齐的解决方案

发表于2009 年 11 月 7 日由廖 威童

<input id=btnsubmit type=imagesrc="xg_files/change_pw.jpg" > 里加 style="margin-top:-23px" 1.INPUT和图片按钮对齐： <form method="post" action="ccc.asp"> <input type="text" name="title" onfocus="this.value=''" value="请输入单词"> <input type=image src="/img/dict.gif" align="absmiddle"> </form> 也可以在按钮的样式里面加入：vertical-align:middle; 2.INPUT和文字对齐 定义INPUT的样式，input {vertical-align:middle;}，这样文字就会和INPUT框对齐。 3.以此类推，SELETE框等都如此 可以在全局CSS中定义：input,select{vertical-align:middle;} 省的后面麻烦。

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<input id=btnsubmit type=imagesrc="xg_files/change_pw.jpg" > 里加 style="margin-top:-23px"   1.INPUT和图片按钮对齐： <form method="post" action="ccc.asp"> <input type="text" name="title" onfocus="this.value=''" value="请输入单词"> <input type=image src="/img/dict.gif" align="absmiddle"> </form> 也可以在按钮的样式里面加入：vertical-align:middle;   2.INPUT和文字对齐 定义INPUT的样式，input {vertical-align:middle;}，这样文字就会和INPUT框对齐。   3.以此类推，SELETE框等都如此 可以在全局CSS中定义：input,select{vertical-align:middle;} 省的后面麻烦。