"> "> ">

입력 양식을 만드는 form태그 <input type="text">

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="example.php" method="post" name="contact-form">
        여기에 입력 양식을 넣습니다.
    </form>
    <input type="text">
</body>
</html>

Untitled

form = block

input = inline

input예제

한줄 텍스트 입력란

입력란에 처음부터 텍스트 입력하기 <input type="text" placeholder="이름">

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="example.php" method="post" name="contact-form">
        여기에 입력 양식을 넣습니다.
        <input type="text" placeholder="이름">
    </form>
    
</body>
</html>

Untitled

라디오 버튼을 만듬

<input type="radio" name="gender" value="남자"> 남자 <input type="radio" name="gender" value="여자" checked> 여자 <input type="radio" name="gender" value="그 외"> 그 외

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="example.php" method="post" name="contact-form">
        여기에 입력 양식을 넣습니다.
        <input type="text" placeholder="이름">
        
    </form>
    성별:
    <input type="radio" name="gender" value="남자"> 남자
    <input type="radio" name="gender" value="여자" checked> 여자 
    <input type="radio" name="gender" value="그 외"> 그 외
    
</body>
</html>

Untitled

성별: = String로 inline임

체크 박스를 만듬