php

[HTML Form을 통한 데이터 전송] select 태그

말랑Cow 2021. 8. 29. 00:00
반응형

select 박스는 여러 데이터들을 드롭다운 목록 형태로 보여줍니다.

<select name="속성값">
	<option value="데이터1">노출값1</option>
    <option value="데이터2">노출값2</option>
    <option value="데이터3">노출값3</option>
</select>

 

# select.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Select</title>
</head>
<body>
    <h1>Select Example</h1>
    <form action="post_result.php" method="post">
        좋아하는 팀:
        <select name="epl">
            <option value="">선택하세요</option>
            <option value="맨유">맨유</option>
            <option value="토트넘">토트넘</option>
            <option value="아스날">아스날</option>
        </select>
        </br>

        좋아하는 선수 :
        <select name="like">
            <option value="">선택하세요</option>
            <option value="포그바">포그바</option>
            <option value="손흥민">손흥민</option>
            <option value="오바메양">오바메양</option>
        </select>
        </br>

        싫어하는 선수 :
        <select name="hate">
            <option value="">선택하세요</option>
            <option value="라멜라">라멜라</option>
            <option value="그리즈만">그리즈만</option>
            <option value="수아레즈">수아레즈</option>
        </select>
        </br>

        <input type='submit' value='제출'>
    </form>
</body>
</html>
# post_result.php

?php

$epl = $_POST["epl"];
$like = $_POST["like"];
$hate = $_POST["hate"];

?>


<html>
<head>
    <title>Post Result</title>
</head>
<body>
    <h1>Post Example</h1>
    <?php
    echo "당신은 ".$epl." 팀을 좋아하며 ".$like." 을(를) 좋아하고 ".$hate." 을(를) 싫어합니다"
    ?>
</body>
</html>

위 처럼 드롭다운 형식으로 나타납니다.

선택해야 할 항목들이 많을 때 라디오방식으로 구현하면 옆으로 너무 길게 늘어나기 때문에 셀렉트박스로 구현하는 것이 사용자가 사용하는 데에도 편리하게 보일 수 있습니다.

반응형