Select 태그의 Form 속성

작성일 | In

HTML <select> 태그

정의

옵션 메뉴를 제공하는 드롭다운 리스트를 정의할 때 사용한다.

예제 소스코드

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title>HTML select tag - form attribute</title>
</head>
<body>
    <select name="search" form="myForm">
      	<option value="" selected>-선택-</option>
        <option value="writer">작성자</option>
        <option value="title">제목</option>
        <option value="content">내용</option>
    </select>
</body>
</html>

결과

HTML select tag - form attribute


<select> 태그의 form 속성

정의

<select> 태그의 form 속성은 해당 드롭다운 리스트가 포함될 하나 이상의 <form> 요소를 명시한다.

문법

1
<select form="form id">

예제 소스코드

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title>HTML select tag - form attribute</title>
</head>
<body>
    <select name="search" form="myForm">
      	<option value="" selected>-선택-</option>
        <option value="writer">작성자</option>
        <option value="title">제목</option>
        <option value="content">내용</option>
    </select>
    <form action="보낼 위치" method="get" id="myForm">
        <input type="text" placeholder="Search">
        <input type="submit" value="제출"/>
    </form>
</body>
</html>

결과

HTML select tag - form attribute

참고

http://tcpschool.com/html-tag-attrs/select-form