Php 按钮内的图标可防止出现值

我使用按钮元素发布数据。如果按钮包含一个图标，它不会发送value属性，而是发送文本

<button name="foo" value="bar" type="submit"><i class="fa fa-pencil"></i></button>

发布“foo”=>“”

dummy

发布“foo”=>“dummy”

dummy

张贴“foo”=>“bar”

我尝试了Chrome和Firefox，结果都一样。在按钮中包含图标并传递其值属性（而不是文本）的传统方式是什么

根据W3C，只有InternetExplorer8才应该有这种行为。

---

参考资料：

它对我来说很好用
这是我的密码：

<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' />

<form method='post' action='/del.php'>
    <input type='text' name='input-name' />
    <button name='button-name' type='submit' value='button-value'><i class='fa fa-twitter'></i></button>
</form>


<?php var_dump($_POST) ?>

---

也许你只是忘记关闭按钮标签或i标签

我为这件事发疯了。我真正的代码是。并发布“删除”=>“

<button name="foo" value="bar" type="submit">dummy</button>

<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' />

<form method='post' action='/del.php'>
    <input type='text' name='input-name' />
    <button name='button-name' type='submit' value='button-value'><i class='fa fa-twitter'></i></button>
</form>


<?php var_dump($_POST) ?>

array(2) { ["input-name"]=> string(4) "meow" ["button-name"]=> string(12) "button-value" }