고정 헤더 영역
상세 컨텐츠
본문
오늘은 폼 박스에 대해서 알아보도록 하겠습니다. 인터넷을 서핑하다 보면 ㅁ 네모난 입력 창을 보실 수 있는데요, 이렇게 입력창을 form 폼이라고 합니다. form 폼은 사용자의 입력값을 받아서 데이터 베이스에 입력하는 일을 하게 됩니다.
간단히 사용자가 입력한 문자나 숫자를 입력받아서 데이터 베이스 mysql 에 넣는다는 의미 입니다.
HTML form 'datalist' 폼 박스 옵션 아셨나요 ? 초보강좌
html 공부는 기초중에 기초이며 홈페이지 제작에 꼭 필요한 기초 문법입니다. 지금부터 알아볼 내용은 form 박스에서 datalist 에 대해서 알아보겠습니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
</head>
<body>
<div>
<form action="ac_button.php"> //액션을 실행하면 좌측의 php를 실행하라
<input list="tv" name="tv-box"> //리스트 이름 작성하기
<datalist id="tv"> // 위의 리스트 이름하고 같게 작성해 준다.
<option value="SAMGSUNG TV"> //텔레비전 메이커 이름을 차례로 적자
<option value="LG TV">
<option value="SONY">
<option value="PHILIPS">
</datalist>
<input type="submit"> // 임시로 만든 액션 버튼 // 이 버튼을 누르면 ac_buttion.php 파일 실행
</form>
</div>
</body>
</html>
위의 예문이 이해가 가시나요 ? datalist 박스안에 option 단어가 자동으로 노출되는 명령어 입니다. // 이 줄은 이해를 돕기 위해 작성한 글이니 소스에는 적으실 필요가 없습니다.
가령 이런 문구가 나타나게 됩니다. form 박스에서 s 글자를 넣으면 자동으로 samsung 헐 오타네요. s로 시작되는 글자가 모두 자동완성 되어 나타납니다.
대략 우측에 화살표 ▼ 이런 문구를 눌러도 위의 데이터에 적었던 텔레비전의 문구를 확인하고 입력할 수 있습니다. 간단하지만 신기한 datalist html 문법에 대해서 알아 보았습니다.
'PHP 프로그래밍 공부하기' 카테고리의 다른 글
| 자바스크립트를 이용한 웹 사이트 주소를 강제 변경하는 소스 입니다. (0) | 2022.01.10 |
|---|---|
| MYSQL에서 DB 연결하는 방법을 알아보자. (0) | 2020.08.31 |
| PHP 기초 및 HTML 공부 강좌 사이트 !! (2) | 2018.06.18 |
| PHP 2개의 값을 비교하는 IF 비교문 !!! (0) | 2016.10.08 |
| PHP 웹 프로그래밍 공부를 위해 책을 구매했다. (0) | 2016.10.07 |
댓글 영역