div 模拟 表单 及 textarea 和 input 的区别

1.div 模拟 textarea

<textarea rows="3" cols="20" maxlength="50" placeholder="这是一个textarea"></textarea>

<div contenteditable="true" style="border:1px solid #000;width:200px;height:60px"></div> <!-- 其他相关获得焦点失去焦点提示文字清空和重写及颜色内容js再处理更加完美 -->

1.textarea 和 input 的区别

1）第一个有rows、cols、resize、多行输入属性等；

2）两个都有placeholder属性，都能输入；

3）第一个输入的内容在在标签内，一个在value属性内；

1.div 模拟 select

<!-- 两个div，一个输入的div（div1），一个列表div（div2），点击div1，把下面的div2展示出来，然后点击列表的任何一个div，里面的内容都写入到点击的div内 -->