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

Question

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

Answer 1

input type="hidden"

最好是用隐藏的textarea

另外, 不懂什么叫真实激活.
在form中的input只要有name, 没有disabled属性都可以提交