Developer Factory

[HTML5] 폼태그 - Basic form tag 본문

Developer/Html

[HTML5] 폼태그 - Basic form tag

Jeremy.Park 2014. 6. 12. 00:45
<html>
<head>
    <title>Form Tag</title>
</head>
<body>
    <form method="get" action="#">
        <!-- 익스플로러와 많은 브라우저가 아직 지원하고 있지 않는것이 많음 ㅠㅠ-->
        <input type="color"><br />
        <input type="date"><br />
        <input type="datetime"><br />
        <input type="email"><br />
        <input type="month"><br />
        <input type="number"><br />
        <input type="range"><br />
        <input type="search"><br />
        <input type="tel"><br />
        <input type="time"><br />
        <input type="url"><br />
        <input type="week"><br />
        
        <hr />

        <select>
            <option>김밥</option>
            <option>떡볶이</option>
            <option>순대</option>
            <option>오뎅</option>
        </select><br />
        
        <select multiple="multiple">
            <option>스마트폰에서는</option>
            <option>이쁘게나오지만</option>
            <option>일반PC에서는</option>
            <option>예쁘게나이지않는다</option>
        </select><br />

        <select>
            <optgroup label="HTML5">
                <option>Multimedia Tag</option>
                <option>Connectivity</option>
                <option>Device Access</option>
            </optgroup>
            <optgroup label="HTML5">
                <option>Animation</option>
                <option>3D Taransform</option>
            </optgroup>
        </select><br />
        <!-- 최근에는 이쁘지 않아서 select를 잘사용 안하고 자바스크립트를 사용해서 만든다-->

        <hr />

        <textarea>Hello Textarea 
Hello Textarea
        </textarea><br />

        <hr />

        <fieldset>
            <legend>입력양식</legend>
            <table border="1">
                <tr>
                    <td><label for="name">입력</label></td>
                    <td><input id="name" type="text" /></td>
                </tr>
                <tr>
                    <td><label for="mail">이메일</label></td>
                    <td><input id="mail" type="email" /></td>
                </tr>
                <tr>
                    <td>입력</td>
                    <td><input id="Text1" type="text" /></td>
                </tr>
                <tr>
                    <td>이메일</td>
                    <td><input id="Email1" type="email" /></td>
                </tr>
            </table>
        </fieldset>

        <input type="submit">
        
    </form>
</body>
</html>