Javascript 如何在表单元素中将按钮标记为活动onclick

Javascript 如何在表单元素中将按钮标记为活动onclick,javascript,css,forms,Javascript,Css,Forms,如何使用Onclick激活输入按钮 <div class="paForm-right"> <form onsubmit="" name="form1" id="form1" method="post"> <input type="submit" class="paForm-choose" id="paForm-bottom-vk" value="Visitenkarten" name="submit" /> <in

如何使用Onclick激活输入按钮

<div class="paForm-right">
    <form onsubmit="" name="form1" id="form1" method="post">
        <input type="submit" class="paForm-choose" id="paForm-bottom-vk" value="Visitenkarten" name="submit" />
        <input type="submit" class="paForm-choose" id="paForm-bottom-briefbogen" value="Briefbogen" name="submit" />
        <input type="submit" class="paForm-choose" id="paForm-bottom-flyer" value="Flyer" name="submit" />
        <input type="submit" class="paForm-choose" id="paForm-bottom-faltblaetter" value="Faltblätter" name="submit" />
        <input type="submit" class="paForm-choose" id="paForm-bottom-einzelblaetter" value="Einzelblätter" name="submit" />
        <input type="submit" class="paForm-choose" id="paForm-bottom-plakate" value="Plakate" name="submit" />
        <input type="submit" class="paForm-choose" id="paForm-bottom-postkarten" value="Postkarten" name="submit" />
        <input type="submit" class="paForm-choose" id="paForm-bottom-prospekte" value="Prospekte" name="submit" />
        <input type="submit" class="paForm-choose" id="paForm-bottom-kataloge" value="Broschüren usw." name="submit" />
        <input type="submit" class="paForm-choose" id="paForm-bottom-mappe" value="Mappe" name="submit" />
        <input type="submit" class="paForm-choose" id="paForm-bottom-buch" value="Bücher" name="submit" />
        <input type="submit" class="paForm-choose" id="paForm-bottom-calender" value="Kalender" name="submit" />
        <input type="hidden" name="value[Produkt]" id="senden" value="Detailanfrage" />
    </form>
    <br />
</div>
下面是一个使用您的代码的例子,除了我在您的行前面加了一个“#”和:active之外

:active仅在按键时显示,而不是在释放时显示。所以当你按住键的时候你可以看到米老鼠

如果你想改变它直到按下另一个键,你必须改变js代码

CSS


看起来你真的想拥有一个带有选项的
,并享受一个提交按钮的好处?这个解决方案有点特别,输入表单像按钮一样位于前端,并以不同的形式执行不同的任务……例如,在gallery上,基于相同css的按钮矩阵用作不同滑块的链接:……在不同的接触表单上,输入调用基于php和load的特殊产品特定表单在同一页上对于这个选择,我会在点击后激活按钮…离开键后,悬停颜色会显示出来。。。如何显示js代码?但点击按钮不会带您进入新页面吗?在任何情况下,这里有一个可以满足您需要的小提琴-。点击按钮在单个查询中加载特殊的produkt表单…,在简短的查询中,php给出Produktname,并在同一页面中加载表单您的js代码看起来很好,我尝试修改我的输入元素非常感谢。。。
    input.paForm-choose:hover 
background-color:#D10C2D;


#paForm-bottom-vk 
background-image:url(../Icon_Visitenkarte_HG-Trans.png);

#paForm-bottom-vk:hover 
background-image:url(../Icon_Visitenkarte_HG-Trans.png);


#paForm-bottom-vk:active 
background-image:url(../Icon_Visitenkarte_HG-active.png);
#paForm-bottom-vk:active {
background-image:url('http://i.imgur.com/1Xm81k2.jpg');
}