Рекомендуемый способ получения пользовательского ввода в расширении Chrome?

Question

У меня есть страница настроек в моем расширении Chrome, и мне интересно, каков рекомендуемый («лучший») способ получения пользовательского ввода. В моем конкретном случае мне нужно представить набор комбинированных вариантов вместе с кнопкой. Когда кнопка нажата, должна быть выполнена функция javascript. Насколько я понимаю, если я использую, это отправит запрос, который я не хочу (это заставляет страницу мигать и перезагрузить). Я хочу, чтобы все это было на стороне клиента. Вот что у меня пока (ниже). Как это можно изменить? Заранее спасибо.

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

Надеюсь, это поможет!