HTML表单不起作用

时间:2013-12-07 02:51:32

标签: html forms

我尝试在HTML中创建一个表单,如:

<form method = "input" action=response.html method="post" >
  <p><label>Name:<input name="name" type="text" /></label><br>
  <input type="submit" value="Submit" /> </p>
</form>

此页面有效,但当我点击“提交”时,它会将我引导至response.html:

<html>
<head>    
<h3>name:</h3>    
</head>    
</html>

它不会返回我在文本框中输入的名称。它刚刚在response.html中返回了一个大胆的“name:”文本。怎么样?

3 个答案:

答案 0 :(得分:4)

您所看到的是预期的。您的表单操作设置为response.html,这意味着表单会将数据提交到该页面,除非您采取措施阻止它,否则该页面将在您的浏览器中呈现。

如果您想要一个不同的页面来处理表单提交,您需要将表单操作设置为该URL,然后重定向到response.html

此外,您的repsonse.html是无效的HTML。您需要将内容放在<body></body>标记内。不在您的<head>

答案 1 :(得分:3)

首先,method="input"不是有效的请求方法。使用"GET""POST"或其他有效方法。

其次,action属性告诉表单发送请求的位置。这正是发生的事情 - 请求被发送到您的html文件。您需要首先处理请求数据(例如使用PHP),以便实际插入HTML。

答案 2 :(得分:0)

该方法必须为GETPOST,且代码必须位于<body>代码