Written by coh at home

[html] 폼태그 본문

신입살아남기/JS + Html + Css

[html] 폼태그

och 2024. 12. 2. 23:15
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action = "formtest">
        <fieldset>
        <legend>ID / PW 입력 (*필수)</legend>
            <input type = "text" name ="id" required="required" placeholder = "아이디입력">
            <input type = "password" name ="pw" required="required" placeholder = "비밀번호입력">

        </fieldset>

        <fieldset>
            <legend>성별/취미 (선택)</legend>
            <input type="radio" value="M" name="rButton">man  <br>
            <input type="radio" value="F" name="rButton">woman<br>

            <input type="checkbox" value="c1" name="chk">등산 <br>
            <input type="checkbox" value="c2" name="chk">여행 <br>
            <input type="checkbox" value="c3" name="chk">서핑 <br>
        </fieldset>

        <fieldset>
            <legend>HTML5만 지원</legend>
            <input type = "date" name="date">
            <input type = "color" name="color">
            <input type = "email" name="email" required="required">
            <input type = "url" name="url">
            <input type = "range" name="range" min="0" max="10" step="2">
            <input type = "number" name="number" min="10" max="100" step="10">
        </fieldset>
        <fieldset>
            <legend>ComboBox / list Menu</legend>
            <select name="selone">
                <option value = "1">02
                <option value = "2">031
                <option value = "3">032
                <option value = "4">064
                <option value = "5">070
            </select>

            <select size="3">
                <option value = "1">search
                <option value = "2">name
                <option value = "3">content
                <option value = "4">writer
                <option value = "5">Reader
            </select>
        </fieldset>

        <fieldset>
            <legend>여러줄 입력</legend>
            <textarea row ="5", cols="100" name="textarea"></textarea>
        </fieldset>
        <fieldset>
            <legend> 입력 글자 수 제한</legend>
            <input type="text" name="txt" maxlength="10">
        </fieldset>
        <input type = "submit" name ="서버전송">
    </form>
</body>
</html>
Insert title here
ID / PW 입력 (*필수)
    </fieldset>

    <fieldset>
        <legend>성별/취미 (선택)</legend>
        <input type="radio" value="M" name="rButton">man  <br>
        <input type="radio" value="F" name="rButton">woman<br>

        <input type="checkbox" value="c1" name="chk">등산 <br>
        <input type="checkbox" value="c2" name="chk">여행 <br>
        <input type="checkbox" value="c3" name="chk">서핑 <br>
    </fieldset>

    <fieldset>
        <legend>HTML5만 지원</legend>
        <input type = "date" name="date">
        <input type = "color" name="color">
        <input type = "email" name="email" required="required">
        <input type = "url" name="url">
        <input type = "range" name="range" min="0" max="10" step="2">
        <input type = "number" name="number" min="10" max="100" step="10">
    </fieldset>
    <fieldset>
        <legend>ComboBox / list Menu</legend>
        <select name="selone">
            <option value = "1">02
            <option value = "2">031
            <option value = "3">032
            <option value = "4">064
            <option value = "5">070
        </select>

        <select size="3">
            <option value = "1">search
            <option value = "2">name
            <option value = "3">content
            <option value = "4">writer
            <option value = "5">Reader
        </select>
    </fieldset>

    <fieldset>
        <legend>여러줄 입력</legend>
        <textarea row ="5", cols="100" name="textarea"></textarea>
    </fieldset>
    <fieldset>
        <legend> 입력 글자 수 제한</legend>
        <input type="text" name="txt" maxlength="10">
    </fieldset>
    <input type = "submit" name ="서버전송">
</form>

'신입살아남기 > JS + Html + Css' 카테고리의 다른 글

[자바스크립트] 함수  (1) 2024.12.15
[Html] html리뷰  (2) 2024.12.02
[JS] 캘린더 - 1 select만들기  (0) 2024.11.20
[JS] 캘린더 사전지식  (0) 2024.11.17