2022-04-07 웹 공통과제

전종욱·2022년 4월 6일
0

소스코드

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML연습문제_2</title>
</head>
<body>
    <form method="post">
        <fieldset>
            <legend>납품자 정보</legend>
            <ol>
                <li>
                    <label for="sName">납품자명 : </label>
                    <input type="text" name="sName" id="sName">
                </li><br>
                <li>
                    <label for="email">email : </label>
                    <input type="email" name="email" id="email" placeholder="answer@naver.com">
                </li><br>
                <li>
                    <label for="page">홈페이지 : </label>
                    <input type="url" name="page" id="page" value="http://">
                </li><br>
                <li>
                    <label for="region">지역 : </label>
                    <select name="region" id="region">
                        <option value="Seoul">서울</option>
                        <option value="Daejeon">대전</option>
                        <option value="Daegu">대구</option>
                        <option value="Busan" selected>부산</option>
                    </select>
                </li>
            </ol>
        </fieldset>

        <fieldset>
            <legend>납품 정보</legend>
            <ul>
                <li>
                    <label for="pName">상품명 : </label>
                    <input type="text" name="pName" id="pName">
                </li><br>
                <li>
                    <label for="amount">납품수량 : </label>
                    <input type="number" name="amount" id="amount" placeholder="최소 100">
                </li><br>
                <li>
                    <label for="level">납품등급 : </label>
                    <input type="range" name="level" id="level">
                </li><br>
                <li>
                    <label for="issue">기타사항 : </label>
                    <textarea name="issue" id="issue" rows="5" cols="20"></textarea>
                </li><br>
            </ul>
        </fieldset><br>

        <button>send message</button>
    </form>
</body>
</html>

완성 사진

완성도

profile
Hi, I'm JeonJongYook! 👋 I am a 19 year old interested in software development. I am mainly specialized in Python automation, Web Developing, Thank you

0개의 댓글