HTML表单提交标签之间的差异

时间:2009-09-27 18:43:08

标签: html

据我所知,有三种方法可以提交没有JS或键盘的HTML表单:

1. input type=submit
2. button tag
3. input type=image

是否有另一种方法可以创建一个在按下时提交表单的元素? 处理按钮标签(type = submit)与输入类型=提交相同是否正确(我的意思是,如果我们丢弃事实按钮可以包含内部html,我们只需将button替换为input type="submit"即可表格将被正确发送)? 添加name.x和name.y是使用input type = image?

时的唯一区别

3 个答案:

答案 0 :(得分:1)

  
      
  1. 不是我所知道的,除了直接调用内部Javascript的提交方法之外,那些应该是提交表单的唯一纯HTML方式,但这就是提交按钮所做的事情。
  2.   
  3. 按钮元素在Internet Explorer中存在问题   它通过的价值,我不建议   使用它。
  4.   
  5. 是的,它们几乎相同
  6.   
  7. 据我所知,输入类型=图像完全相同,除了它   发送那些额外的坐标   您可以忽略的参数   服务器端。
  8.   

答案 1 :(得分:0)

  1. 使用JavaScript,您可以调用表单的提交方法。但是,应该避免这种情况,因为如果用户禁用了JavaScript,它将无法工作。

  2. 不,因为按钮标记可以被赋予与按钮上显示的文本分开的值,更不用说<button>标记内联HTML的能力了。 (例如<button type="submit"><img src="submit.png" alt="Submit"></button>)。

  3. 是的,<input type="image">的主要特征是添加了x和y坐标。

答案 2 :(得分:0)

您可以使用JavaScript来模拟它。我会使用<input type="submit">并将其替换为您要提交表单的元素,因此对于没有JavaScript的用户来说仍然可以访问它。

<input type="submit" id="submit-button" value="submit" />

然后在JavaScript中(在本例中使用jQuery):

$('#submit-button').remove().after('<a href="#" id="submit-link">Submit form</a>');
$('#submit-link').click( function(event){
     event.preventDefault();
     $('#submit-link').closest('form').submit();
});