2011-04-05 78 views
3

使用两者的优点和缺点是什么?CSS或图像提交按钮?

  1. CSS

    <input type="submit" class="removeBtn" /> 
    
    .removeBtn{ 
        background: url(Images/Remove.png); 
        height: 25px; 
        width: 25px; 
    } 
    
  2. 在线

    <input type="image" src="Content/Images/Remove.png" /> 
    
+0

有人能修复代码给我吗?我似乎不能让它显示在代码块中。 – 2011-04-05 11:44:48

+1

@Lol编码器:完成。列表中的代码块是一种痛苦 - 你需要缩进两次,所以每行8个空格:) – BoltClock 2011-04-05 11:46:13

+0

@BoltClock谢谢。 – 2011-04-05 11:49:34

回答

8

从语义上讲,你应该总是使用一个提交按钮。具有屏幕阅读器的用户将不知道图像输入的功能是什么。

编辑:根据意见,图像按钮会自动提交表单,以及与类型=输入“提交”

+2

''input type =“image”>'也起到提交按钮的作用。但关于可访问性的好处是,除非图像输入的'alt'属性提及其提交功能。 – BoltClock 2011-04-05 11:51:41

+0

@BoltClock是完全正确的,如果你正确使用它,'input type =“image”'没有问题。如果您将这些信息放入您的答案中,我将准备好注册。 – kapa 2011-04-05 12:28:25