[HTML/CSS]input(id,비밀번호, 라디오, 라벨, 체크박스 , 메뉴선택, 글상자)

부모,자식 선택자

선택자를 지정할때 모든 태그에 class를 걸어 이름을 지을 수 없으니

부모,자식 선택자를 활용하여 css를 적용한다

first라는 선택자 안에 a 태그가 있을때

first, a -> 둘 다 지정

first a -> first 안에 있는 a

first>a -> first 바로 아래 있는 a 만

form

<form action= " "> -> " "의 서버로 사용자가 입력한 내용을 전달한다

<input> 에 어떤내용이 들어가는지 적어준다

서버로 입력내용을 전송하는데

name은 서버에서 사용하고 id는 프론트에서 사용한다

 <style>
        table{
            border:1px solid black;
        }
        .login{
            text-align: center;
        }
    </style>
</head>
<body>
    <table>
        <tr>
            <td colspan="2">로그인</td>
        </tr>
        <tr>
            <td>아이디</td>
            <td><input type="text" name="username"></td>
        </tr>
        <tr>
            <td>비밀번호</td>
            <td><input type="password" name="password"></td>
        </tr>
        <tr>
            <td colspan="2" class="login">
                <button>로그인</button>
            </td>
        </tr>
    </table>
</body>

radio