<style type="text/css">

在网页的表单布局中,经常使用如下右对齐-左对齐模式:

 

 

 

 

 

 

 

*

*

*

验证码

但是当有多行文本框<textarea>出现时,比如上面的网站简介多行文本框,由于它的高度比较高,导致它旁边的标签默认会显示在行的底部,让人看上去感觉不知道这个多行文本框是干什么用的,因为从视觉上一下子只能看到多行文本框而看不到提示标签。

为了增加多行文本框和与它相关联的提示标签之间的联系,应该将标签放在行的中间或者行的顶端。

要做到这点,设置行的垂直对齐方式或者设置标签的垂直对齐方式,都不管用,只有设置多行文本框<textarea>自身的垂直对齐方式为居中(middle)或者顶端对齐(top),才管用。

即,<textarea style="vertical-align: top;" rows="40" cols="5"></textarea> 的方式。

效果如下:

*

*

*

验证码