웹개발/HTML
[html] 입력태그, 공간태그, 시멘트태그, CSS(선택자) 23.04.05
6^6
2023. 4. 5. 09:05
728x90
<form action="전송위치" method="전송방식 get/post"> <input type="어떤 타입인지">
내용이 많거나 보안이어야하는것은 post (로그인)
내용이 적고 보안되지않아도 되는것은 get방식(그냥 검색어)
id는 label(레이블)을 위한것. "이름"글자를 클릭해도 옆에 커서가 반응한다.
value는 전달해줄 값이다.
<body>
<form>
<!-- <fieldset>
<legend>입력 양식</legend> -->
<table>
<tr>
<td><label for="userN">이름</label></td>
<td><input id="userN" type="text" name="userN" ></td>
</tr>
<tr>
<td><label for="password">비밀번호</label></td>
<td><input id="password" type="password" name="password"></td>
</tr>
<tr>
<td>성별</td>
<td>
<input id="man" type="radio" name="gender" value="m">
<label for="man">남자</label>
<input id="woman" type="radio" name="gender" value="w">
<label for="woman">여자</label>
</td>
<tr>
<td>취미</td>
<td>
<input id="hiking" type="checkbox" name="like" value="hiking">
<label for="hiking">산책</label>
<input id="eating" type="checkbox" name="like" value="eating">
<label for="eating">맛집투어</label>
</td>
<tr>
<td>점심메뉴 선택</td>
<td>
<select>
<option>김밥</option>
<option>떡볶이</option>
<option>짜장면</option>
<option>짬뽕</option>
</select>
</td>
</tr>
<tr>
<td>선택옵션묶기</td>
<td>
<select>
<optgroup label="HTML5">
<option>Multimedia Tag</option>
<option>Connectivity</option>
<option>Devic Access</option>
</optgroup>
<optgroup label="CSS3"> <option>Animation</option>
<option>3D Trasform</option>
<option>3D Trasform</option>
</optgroup>
</select>
</td>
</tr>
</tr>
</tr>
</table>
<input type="submit" value="가입">
<!-- </fieldset> -->
</form>
</body>
연관있는 입력 양식 그룹으로 묶기
위에 초록색 주석처리한거 되돌려내면 ↓ 이렇게 된다
두개로 나누고 싶으면 테이블도 둘로 나누면 된다.
입력태그
블록형식 태그 : div, h1~h6, p , 목록, 테이블
인라인형식 태그 : span, a, input, 글자형식태그, 입력양식태그
시멘트태그
CSS
전체선택자
* { }
728x90