推荐使用Chrome扩展获取用户输入的方式？

Question

我在我的Chrome扩展中有一个设置页面，我想知道什么是获得用户输入的建议（“最佳”）方式。在我的特殊情况下，我需要提供一组组合选项和一个按钮。当按钮被点击时，应该执行一个javascript函数。我的理解是，如果我使用a，则会发布我不想要的请求（它会导致页面闪烁&重新加载）。我希望所有这些都是客户端。这是我到目前为止（下文）。这如何改变？提前致谢。

<form> 
    <input type="radio" name="format" value="format1"/>(xxx) xxx-xxxx<br/> 
    <input type="radio" name="format" value="format2"/>xxx-xxx-xxxx<br/> 
    <input type="radio" name="format" value="format3"/>xxx.xxx.xxxx<br/> 
    <input type="submit" value="Convert"/> 
</form> 

Answer 1

鲍勃，那么，你可以在JavaScript中做所有事情。由于这是一款Chrome扩展程序，因此请随时使用HTML5。

<section> 
    <input type="radio" name="format" value="format1"/>(xxx) xxx-xxxx<br/> 
    <input type="radio" name="format" value="format2"/>xxx-xxx-xxxx<br/> 
    <input type="radio" name="format" value="format3"/>xxx.xxx.xxxx<br/> 
    <button id="btnConvert">Convert</button> 
    <script> 
    document.querySelector('#btnConvert').addEventListener('click', function(e) { 
    var format = document.querySelector('input[type="radio"]:checked'); 
    alert(format.value); 
    }, false); 
    </script> 
</section> 

希望有所帮助！