Question

我需要帮助将textarea转换为具有三个输入的基本形式，例如...用户可以在表单中输入他们的名字，姓氏和电子邮件。目前我的代码有一个textarea，存储在chrome存储中。请帮我将其转换为表格，并将其存储在Chrome存储中并检索。非常感谢。

HTML：

    <meta charset="UTF-8">
    <title>Document</title>
    <script src="script.js"></script>
</head>
<body>
    <textarea id="saveLine"></textarea>
    <input type="button" id="save" value="Save Line">

    <input type="button" id="get" value="Get Saved Line">

JS文件：

window.onload = function() {
    document.getElementById('save').onclick = function() {
    var value = document.getElementById('saveLine').value;

    chrome.storage.sync.set({'myLine': value}, function() {
        alert('success');
    });
};

document.getElementById('get').onclick = function() {
    chrome.storage.sync.get('myLine', function(data) {
        alert(data.myLine);
    });
}
}

Answer 1

简单地将HTML输入/按钮/等包装在具有form属性的action元素中（尽管这是可选的）。在这种情况下，您还希望将至少一个按钮更改为type="submit"。

<form id="some_form" action="/some/endpoint">
  <textarea id="saveLine"></textarea>
  <input type="submit" id="save" value="Save Line">
  <input type="button" id="get" value="Get Saved Line">
</form>

您可能还希望通过JS处理表单提交，因为如果您希望提交到Chrome存储，那么您需要劫持表单{{ 1}}处理程序。

submit

如何将textarea转换为表单？

1 个答案: