form-폼의 입력 내용 가져오기

<form action="#" id="form">

<input type="text" name="word">

<input type="submit" value="검색">

</form>

<p id="output"></p>

<script>

</script>

---

 

 

<form action="#" id="form">

<input type="text" name="word">

<input type="submit" value="검색">

</form>

<p id="output"></p>

<script>

document.getElementById('form').onsubmit =function(){

var search = document.getElementById('form').word.value; //변수에 값 대입

// 변수 search에 form 요소 취득하고, 읽고싶은 곳의 name 속성을 지정하고, 밸류 프로퍼티를 대입함

document.getElementById('output').textContent='['+search+'] 검색중 ...';

//

};

</script>

 

 

입력내용 읽어오기

 

형식 

취득한 <form>의 요소 중 읽고 싶은 양식의 name 속성,value