所以我有一個主頁，提示用戶在文本框中輸入用戶名。當用戶單擊文本框下方的“完成設置個人資料”按鈕時，會將他們帶到一個名為 createUser 的新 HTML 頁面，其中包含多個文本框，提示用戶填寫密碼、年齡、性別等。createUser 中的第一個文本框將是用戶名框。我希望用戶從主頁輸入的用戶名保存并顯示在 createUser 中顯示的文本框中。如果用戶愿意，仍然可以使用此文本框編輯他們的用戶名，但我希望如果用戶在主頁中輸入“Sarah”，新頁面上的用戶名文本框將自動填充名稱“Sarah”當它加載時，他們不必再次填寫（但如果他們愿意，仍然可以編輯）。我在網上發(fā)現了一些類似的問題，最后得到了下面的代碼。它目前不起作用，想知道是否有人可以幫助我朝正確的方向前進？主頁.html<!DOCTYPE html><html><head></head><body><form> <input type="text" id="username" ><br><br></form><div id="createUser"><a href="createUser.html">FINISH SETTING UP PROFILE</a></div><script src="homepage.js"></script></body></html> 主頁.jsfunction onClickHandler(){ location.href = 'createUser.html?name=' + document.getElementById('username').value;}創(chuàng)建用戶.html<!DOCTYPE html><html><head></head><body><h2>FINISH FILLING OUT INFO</h2><form> <input type="text" id="username" ><br><br></form><script src="createUser.js"></script></body></html> 創(chuàng)建用戶.jsfunction parseQueryString(){ var queryDict = {} location.search.substr(1).split("&").forEach(function(item) { queryDict[item.split("=")[0]] = item.split("=")[1] }); return queryDict;}function onLoadHandler(){ document.getElementById('username').value = parseQueryString().name;}
將值從文本框傳遞到不同的 HTML 頁面
紅糖糍粑
2023-06-29 15:50:54
