2016-05-15 68 views
-2

我有以下一段代码给我一个漂亮的按钮,我想在一个窗体中使用。这个按钮可以发送数据到php

"<div class='lbk'><a href='' class='btn_lft'>&nbsp Left</a></div>"; 

Left Button

一旦按下我想一些后数据发送回这就是我完全难倒并想不通我怎么可以用这个按钮做的页面的按钮。

使用基本上简单的提交按钮发送它会非常简单。但是,我不会看到那么整洁的箭头按钮。

如果可能的话,请有人帮我解决这个问题。我不希望使用Ajax等。 谢谢大家。

回答

1

您仍然可以使用按钮类型提交并覆盖默认外观;

"<div class='lbk'><button type='submit' class='btn_lft'>Left</button></div>"; 

CSS:

button[type=submit].btn-left { 
    appearance:none; 
    -moz-appearance:none; 
    -webkit-appearance:none; 
    border: none; 
    /* And some other css */ 
} 

https://jsfiddle.net/hm11o3oh/10/

+0

你好,我想你的建议。你有没有机会表示'.btn_lft> input [type = submit] {'而不是'.lbk> input [type = submit]''。我已经尝试过,他们都似乎删除我的按钮。与.lbk,整个div成为按钮和.btn_lft,该按钮被替换为默认按钮在HTML中。除了当我在表格中包装“

”时,发布数据也不会被发送。请说我是否在这里错过了某些东西或者误解了你的回复。谢谢。 – Ajoo

+0

我编辑了我的答案,因为它不是:外观:按钮,但外观:无...我的坏...检查我已添加的小提琴 –

+0

我认为这里有一个混淆。我没有使用图像作为按钮,而是使用CSS来创建一个。 ''div class ='lbk''只是为了帮助定位由'btn_lft'类创建的css按钮。 – Ajoo

相关问题