텍스트 영역을 양식으로 변환하려면 어떻게해야합니까?

-1

안녕하세요, 예를 들어 3 개의 입력이있는 기본 양식으로 텍스트 영역을 변환하는 데 도움이 필요합니다 ... 사용자는 이름, 성 및 이메일을 양식에 입력 할 수 있습니다. 현재 내 코드에는 크롬 저장소에 저장되는 텍스트 영역이 있습니다. 이 양식을 형식으로 변환하는 데 도움을 주시고 크롬 저장 장치에 저장 및 검색하십시오. 많은 감사합니다.텍스트 영역을 양식으로 변환하려면 어떻게해야합니까?

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

왜 텍스트 이름 요소가 별도의 이름, 성 및 이메일 입력 요소가 아닌 요소입니까? – traktor53

실제 질문은 무엇입니까? 당신은 당신이 필요로하는 것을 진술했지만 실제로 질문을하지 않았거나 귀하의 * 특정 문제가 어디에 있는지 설명했습니다. [왜 누군가가 나를 도울 수 있습니까?] 실제 질문이 아닌가?] (0120) # – Makyen

@ Traktor53 이것은 원래 내가 수정 한 초안 코드이지만 양식으로 수정하는 데 어려움을 겪고 있습니다. –

는 간단히 말해 action 속성을 가진 form 요소의 HTML 입력/버튼/등 포장. 이 경우 적어도 하나의 버튼을 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를 통해 양식 제출을 처리하는 것입니다, 당신은 양식을 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

텍스트 영역을 양식으로 변환하려면 어떻게해야합니까?

답변

관련 문제