如何给input[text]赋值并成功submit?

<form>
<div></div>//contentEditable=enable
<input[text]/>//id=t
<input[button]/>
</form>

以上大概就是我设计的页面结构。
功能是希望用这个div来替代text标签，功能的设计自己的思路是：
点击button之后，
调用一个js function f（）。
f（）的功能是:
1.input[text].value=div.innerHTML
2.form.submit（）
其中，我尝试在f（）中检查text.value是否成功赋值，发现是可以的，但是提交表单是，表单内容始终为空。
在网上看了一下，有一些input美化相关的那些朋友说form里面的元素必须要真实激活才可以真实传值，就像radio不可以用checked（）来伪造选取，这一点有什么办法解决吗？
还有就是，这个功能不能用text透明遮盖div来达到美化效果那种，我这里是需要这个有textarea功能的div来做数据输入，现在怎么破？
求各位大神帮忙解决一下这个input.value的赋值和提交问题。