我已经在Photoshop中创建了一组美观的表单元素,现在想将它们转换为HTML和CSS。简单的输入文本表单将有一个背景图像,因为该字段的大小不会改变。然而,文本区域表单将随用户键入动态改变大小。
通常,要构建这种样式,我会将表单字段包装在div中,如下所示:
通常,要构建这种样式,我会将表单字段包装在div中,如下所示:
<div class = "textarea-top">
<div class = "textarea-bottom">
<textarea></textarea>
</div>
</div>
或者通过在一个包装div中使用多个背景图像:
<div class = "textarea">
<textarea></textarea>
</div>
有没有更好的方法来处理这个问题?换句话说,这些字段样式是可以重复使用的高级图片(用于字段主体),并且具有顶部和底部的样式。问题是,如何最好地处理这些高级表单样式?