按钮内的Fontawesome图标可以防止价值

时间:2015-07-10 00:53:20

标签: php css html5

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

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

帖子“foo”=&gt; “”

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

帖子“foo”=&gt; “伪”

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

帖子“foo”=&gt; “酒吧”

我尝试使用Chrome和Firefox同样的结果。在按钮中包含一个fontawesome图标并传递它的值属性而不是文本的常规方法是什么。

仅限W3C Internet Explorer 8应具有此行为。 参考:http://www.w3schools.com/tags/att_button_value.asp

1 个答案:

答案 0 :(得分:0)

这对我来说很好。
这是我的代码:

<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" }

也许您只是忘了关闭按钮标签或i标签。