예제 3-12 <label>태그를 이용한 로그인 폼 만들기
WEB/HTML5-CONCEPT 2017. 11. 4. 18:44 |1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!DOCTYPE html> <html> <head> <title>로그인 폼</title></head> <body> <h3><label> 태그로 로그인 폼 만들기</h3> <hr> <form name="fo" method="get"> // 첫번째방법 (이걸로 통일하기) <label>사용자 ID : <input type="text" size="15" value=""></label><br> <label>비밀 번호 : <input type="password" size="15" value=""></label> <input type="submit" value="완료"><br> // 두번째방법 <label for="pass">비밀 번호 : </label> <input id="pass" type="password" size="15" value=""> <input type="submit" value="완료"> </form> </body> </html> | cs |
'WEB > HTML5-CONCEPT' 카테고리의 다른 글
| 예제 3-14. 색 입력, <input type="color">, 컬러 다이얼로그로 색 입력 응용 (0) | 2017.11.04 |
|---|---|
| 예제 3-13. 선택형 요소의 캡션을 <label>로 감싸기, <label>로 라디오버튼에 캡션 만들기 (0) | 2017.11.04 |
| 예제 3-11. 콤보박스 만들기, <select> (0) | 2017.11.04 |
| 예제 3-9. 체크박스 만들기, <input type="checkbox"> 예제 3-10. 라디오버튼 만들기, <input type="radio"> (0) | 2017.11.04 |
| 예제 3-8. 텍스트/이미지 버튼 만들기 (0) | 2017.11.04 |