如何將textarea轉換爲表單？

-1

嗨，我需要幫助將textarea轉換爲三個輸入的基本形式，例如...用戶可以將他們的名字，姓氏和電子郵件輸入到表單中。目前我的代碼有一個textarea存儲到chrome存儲中。請幫助我將其轉換爲表單，並將其存儲在鉻存儲中並進行檢索。非常感謝。如何將textarea轉換爲表單？

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); 
    }); 
} 
}

來源

2017-03-01 k singh

爲什麼textarea元素而不是單獨的名字，姓氏和電子郵件輸入元素？ – traktor53

你真正的問題是什麼？你已經說明了你的「需要」，但實際上並沒有提出問題，或者解釋了你的*特定問題。您可能想閱讀[爲什麼「有人可以幫我嗎？」不是一個實際的問題嗎？]（http://meta.stackoverflow.com/a/284237） – Makyen

@ Traktor53這本來是一個我修改過的草案代碼，但我很努力地將它修改成一個表單。 –

只需包住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瀏覽器的存儲，那麼你需要劫持的形式submit處理程序。

var form = document.getElementById('some_form') 
form.addEventListener('submit', function (event) { 
    console.log('Form elements', form.elements) 
    event.preventDefault() 
    // Do your Chrome Storage stuff here with form elements 
})

來源

2017-03-01 21:38:34 brandon927

如何將textarea轉換爲表單？

回答

相關問題