无法获取搜索表单以在Chrome扩展程序上触发

Question

我是Chrome扩展程序的新用户。我有一个非常基本的扩展，我弹出一个搜索字段html表单，用户输入他们的名字，点击一个go按钮，它搜索公司目录。

如果我直接运行它，代码工作正常，但是当我将其作为chrome扩展加载时，它不会执行按钮。我按照推荐的方式分离了html和js。

这是我的manifest.json

{
"manifest_version": 2,
"name": " People Search",
"description": "Searches the People Application",
"version": "1.0",
"browser_action": {
"default_icon": "xxx.png",
"default_popup": "popup.html"
 },
"permissions": [
"tabs"

 ]

这是popup.html表单代码。

<form>Name: <input type="text" name="firstname" id="firstname">
<input type="submit" value="Go" 
onclick="goNewPeople(document.getElementById('firstname').value)">
</form>

这是popup.js

function goNewPeople(first)
{
var firstName = first.split(' ').slice(0, -1).join(' ');
var lastName = first.split(' ').slice(-1).join(' ');
var people1="https://xxx/xxx/xxx/f?p=9000:1::::::#" + firstName + "+" + lastName;
window.open(people1);
};

我是否应该使用某种Chrome代码来正确处理和执行？我需要更多权限吗？

谢谢！