在不使用<input type ="text">的情况下创建输入文本框

Nyx*_*nyx 5 html javascript css forms jquery

我想创建一个不需要<input type="text">表单元素的输入文本框.用户仍然可以在此文本框中键入文本,仍然可以使用Javascript/jQuery检索值.这样做的原因是因为这个文本框将采用一种形式,一旦提交,所有表单输入值将被发送到服务器端进行处理,并且有这个文本框我不希望它的值自动发送到服务器端.

问题:在不依赖HTML表单元素的情况下创建此类文本框的最佳方法是什么input

Asa*_*aph 9

只是不要给<input type="text">标签一个name属性,它不会提交.这是一个例子:

<input type="text" id="myinput" value="you will not see this submitted" />
Run Code Online (Sandbox Code Playgroud)

  • 这是OP问题的正确答案.不使用输入标签创建文本框很愚蠢. (4认同)

Phi*_*ier 5

你也可以使用一个可信的div.

来自MDN:

<!DOCTYPE html>
<html>
  <body>
    <div contenteditable="true">
      This text can be edited by the user.
    </div>
  </body>
</html> 
Run Code Online (Sandbox Code Playgroud)

http://html5demos.com/contenteditable