+ -
当前位置:首页 → 问答吧 → 请问我这种输入方式怎么实现,有什么好的技巧,谢谢

请问我这种输入方式怎么实现,有什么好的技巧,谢谢

时间:2010-11-25

来源:互联网

现在想到的是用textarea加背景

附件

输入.jpg (11.08 KB)

2010-11-25 10:34

作者: xdliu   发布时间: 2010-11-25

给个地址呗。。。。

作者: fim8   发布时间: 2010-11-25

嗯,用背景是个不错的办法。

另一种的办法,细节再调整:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>DEMO</title> <style> div{position:relative;position:relative;} textarea{ position:absolute; width:342px; height:140px; background:none; border:0 none; left: 48px; top: 60px; line-height:28px; overflow:hidden; font-size:12px; text-decoration:underline; } textarea.content{text-decoration:none;top:57px;z-index:2;} </style> </head> <body> <div> <!--这个textarea是很多全角空格,并设置了下划线--> <textarea>                                                                                                                                                                                                                        </textarea> <!--这个div是覆盖在上面的,并设置背景透明,可以看到后方textarea中的下划线--> <textarea class="content"></textarea> </div> </body> </html>
 提示:您可以先修改部分代码再运行
[ 本帖最后由 yoom 于 2010-11-25 13:40 编辑 ]

作者: yoom   发布时间: 2010-11-25