HTML에서 한 줄 입력 필드를 추가하는 방법

개요

HTML에서 한 줄 입력 필드를 추가하려면 <isindex> 태그를 사용할 수 있습니다. <isindex> 태그는 텍스트 필드를 통해 문서를 검색(쿼리)할 때 사용되는 태그로, 문서 내 어디에나 배치할 수 있지만 일반적으로 <head> 태그 안에 넣는 것이 권장됩니다.

주의: 이 태그는 이미 폐기(deprecated)된 태그이므로 실제 프로젝트에서는 사용하지 않는 것이 좋습니다. 최신 HTML 표준에서는 <input type="text"> 요소를 사용하는 것이 올바른 방법입니다.

isindex 태그의 주요 속성

속성	값	설명
Prompt	string	텍스트 필드에 표시되는 레이블
Action	URL	쿼리를 다른 URL로 전송해야 할 때 사용

예제

다음 코드를 직접 실행해 보세요.

<!Doctype html>
<html>
   <head>
      <title>HTML isindex Tag</title>
      <isindex prompt = "Search" />
   </head>
</html>

현대적인 대체 방법

폐기된 <isindex> 태그 대신, 아래와 같이 <input> 요소를 활용하면 동일한 기능을 하는 한 줄 입력 필드를 표준에 맞게 구현할 수 있습니다.

<!Doctype html>
<html>
<head>
   <title>한 줄 입력 필드</title>
</head>
<body>
   <form action="/search" method="get">
      <label for="search">검색:</label>
      <input type="text" id="search" name="q" placeholder="검색어를 입력하세요">
      <button type="submit">검색</button>
   </form>
</body>
</html>