手机上的输入框要怎么设计？textarea or DIV?

[jianghu52]

做一个给手机用的web。不知道输入框要怎么设计。目前用的是DIV。遇到一些问题。
https://gist.github.com/5898848.git
这个是输入框。CSS主要是
http://gist.github.com/2e1f7e26fb562154e783.git
效果：

当我用iphone5s（iphone4也一样）的默认输入法选择 [拷贝之后]
再黏贴就出来是这样的

不知道要怎么解决。我尝试用paste方法，但是没成功。
PS：PC上无法模拟这个效果。我用HTC one chrome+触宝输入法也没这个问题。note3 自带浏览器+百度输入法也没这个问题。

[jianghu52]

代码贴的不对。重新来
https://gist.github.com/c31221280dc6eb96e983.git

[jianghu52]

https://gist.github.com/c31221280dc6eb96e983

[jianghu52]

https://gist.github.com/jianghu52/2e1f7e26fb562154e783#file-css

[jianghu52]

终于会了。重写贴代码
https://gist.github.com/jianghu52/c31221280dc6eb96e983
这个是网页的
https://gist.github.com/jianghu52/2e1f7e26fb562154e783#file-css
这个是CSS的

[sodatea]

没有富文本编辑的需求就用 textarea 吧
没有 iPhone 没办法测试
你看一下粘贴之后的 DOM 结构看看？

[jianghu52]

@sodatea 手机怎么看dom啊。

[angusjune]

@jianghu52 用iPhone mac Safari的开发者选项那里可以看到iPhone safari上的dom

[sodatea]

@jianghu52 远程调试 http://www.leiphone.com/ios-safari-remote-debugging.html
或者 alert 一下 #ask_k 的 innerHTML

[jianghu52]

。。。。还需要一台Mac。。。

[jianghu52]

什么事件触发alert呢。paste事件无效。