폼 관련 태그들 - 폼 만들기 1

폼 관련 태그들 - 폼 만들기 1

• 웹 폼은 이름에서도 알 수 있듯이 특정 항목에 사용자가 무언가를 입력하는 형태로 우리가 익숙하게 사용하는 로그인 창이 대표적인 웹 폼의 사례입니다.
• 폼과 관련된 대부분의 작업은 정보를 저장하거나 검색, 수정하는 일인데 이런 작업은 모두 데이터베이스를 기반으로 합니다.
• 텍스트 상자나 버튼 같은 폼의 형태를 만드는 것은 HTML 태그를 이용하고 그 폼에 입력한 사용자 정보를 처리하는 것은 ASP나 PHP, JSP 같은 서버 프로그래밍을 이용합니다.

<form> 태그 - 폼 만들기

• <form> 태그는 폼을 만드는 가장 기본적인 태그로 <form> 태그와 </form> 태그 사이에 여러 폼 요소와 관련된 태그를 넣습니다.
• <form> 태그는 몇 가지 속성을 통해 사용자가 입력한 자료들을 서버로 어떤 방식으로 넘길 것인지, 서버에서 어떤 프로그램을 이용해 처리할 것인지 지정합니다.

form 태그의 속성

폼 만들기 예제

• <form> 태그에서 action="search.php"로 지정했기 때문에 사용자가 검색할 내용을 입력하고 [검색] 버튼을 클릭하면 그 값이 웹 서버에 있는 search.php 파일로 전송되어 검색이 처리됩니다. 그리고 그 결과가 다시 웹 브라우저로 전달되어 화면에 표시됩니다.

 

<div class="exam1">
    <form action="search.php" method="post">
        <input type="text" title="검색">
        <input type="submit" value="검색">
    </form>
</div>

autocomplete 속성 - 자동 완성 기능

• 검색창이나 로그인창에 내용을 입력할 때 이전에 입력했던 내용이 아래에 표시되는 것을 '자동 완성 기능'이라고 하며 사용자가 입력했던 내용을 기억했다가 비슷한 내용을 입력할 경우, 이전에 입력했던 내용을 보여줍니다.
• autocomplete 속성은 기본값이 'on'으로 자동 완성이 기본으로 켜져 있기 때문에 자동 완성 기능을 사용하지 않으려면 보통 브라우저의 환경 설정 명령을 이용해 꺼야 하는데 <form> 태그의 autocomplete 속성을 "off"로 지정해 끌 수도 있습니다.