안녕하세요 모빌리티 입니다.
자바스크립트는 직접 코드를
구현하기도 하지만 많은 경우
이미 만들어진 웹페이지의 소스를
가져다가 사용하기도 합니다.
가져다 사용하고 싶은데 어떻게
하실지 모르시겠다면 이글이
도움이 되실 겁니다.
우선 네**의 검색창 소스를
어떻게 보는지에 대해서
알려드릴게요~~~
우측 검색창에 통합검색을 누르면
DOM 탐색기에 관련 소스가 보입니다.
이 소스를 복사하여 다음과 같이 붙여
넣으면 됩니다.
<HTML>
<HEAD>
<TITLE>소스 붙이기</TITLE>
</HEAD>
<BODY>
<form name="sform" id="sform" action="https://search.naver.com/search.naver" method="get">
<fieldset>
<legend class="blind">검색</legend>
<select name="where" title="검색 범위 선택" class="blind" id="where">
<option selected="selected" value="nexearch">통합검색</option><option value="post">블로그</option><option value="cafeblog">카페</option><option value="cafe">- 카페명</option><option value="article">- 카페글</option><option value="kin">지식iN</option><option value="news">뉴스</option><option value="web">사이트</option><option value="category">- 카테고리</option><option value="site">- 사이트</option><option value="movie">영화</option><option value="webkr">웹문서</option><option value="dic">사전</option><option value="100">- 백과사전</option><option value="endic">- 영어사전</option><option value="eedic">- 영영사전</option><option value="krdic">- 국어사전</option><option value="jpdic">- 일본어사전</option><option value="hanja">- 한자사전</option><option value="terms">- 용어사전</option><option value="book">책</option><option value="music">음악</option><option value="doc">전문자료</option><option value="shop">쇼핑</option><option value="local">지역</option><option value="video">동영상</option><option value="image">이미지</option><option value="mypc">내PC</option><optgroup label="스마트 파인더"><option value="movie">영화</option><option value="auto">자동차</option><option value="game">게임</option><option value="health">건강</option><option value="people">인물</option></optgroup><optgroup label="네이버 랩"><option>긍정부정검색</option></optgroup>
</select>
<input name="sm" id="sm" type="hidden" value="top_hty">
<input name="fbm" id="fbm" type="hidden" value="0">
<input name="acr" disabled="disabled" id="acr" type="hidden" value="">
<input name="acq" disabled="disabled" id="acq" type="hidden" value="">
<input name="qdt" disabled="disabled" id="qdt" type="hidden" value="">
<input name="ie" id="ie" type="hidden" value="utf8">
<input name="acir" disabled="disabled" id="acir" type="hidden" value="">
<input name="os" disabled="disabled" id="os" type="hidden" value="">
<input name="bid" disabled="disabled" id="bid" type="hidden" value="">
<input name="pkid" disabled="disabled" id="pkid" type="hidden" value="">
<input name="eid" disabled="disabled" id="eid" type="hidden" value="">
<input name="mra" disabled="disabled" id="mra" type="hidden" value="">
<span class="green_window">
<input name="query" tabindex="1" title="검색어 입력" class="input_text" id="query" accesskey="s" style="-ms-ime-mode: active;" onclick="document.getElementById('fbm').value=1;" type="text" maxlength="255" value="" autocomplete="off">
</span>
<div class="autocomplete" id="nautocomplete">
<!-- 자동완성 열린 경우 fold 클래스 추가, 딤드인 경우 dim 추가 -->
<a tabindex="2" class="btn_arw _btn_arw fold" role="button" href="javascript:;" queryid="C1498531129220829282"><span class="blind _text">자동완성 펼치기</span><span class="ico_arr"></span></a>
</div>
<button tabindex="3" title="검색" class="sch_smit" id="search_btn" onmouseover="this.className='sch_smit over'" onmouseout="this.className='sch_smit'" onmousedown="this.className='sch_smit down'" onclick="clickcr(this,'sch.action','','',event);" type="submit"><span class="blind">검색</span><span class="ico_search_submit"></span></button>
</fieldset>
</form>
</form>
</BODY>
</HTML>
출력은 다음과 같이 됩니다.
예제파일
네이버 검색창.html2017/06/27 - [컴퓨터＄/HTML] - [HTML #25] 자바 스크립트
2017/06/27 - [컴퓨터＄/HTML] - [HTML #26] 자바스크립트 파일 외부 사용
나눔은 
최고의 기쁨입니다.
이글이 도움이 되셨다면 아래
♡ 빈 하트를 채워주세요.
'IT' 카테고리의 다른 글
| [HTML #28] 자바스크립트의 정리 (1) | 2017.07.03 |
|---|---|
| [추천앱] 서울시 평생 학습 포털 (0) | 2017.07.02 |
| [HTML #26] 자바스크립트 파일 외부 사용 (0) | 2017.07.01 |
| [HTML #25] 자바 스크립트 (0) | 2017.06.30 |
| [추천앱] 슬로우 뉴스 (0) | 2017.06.29 |
