예제 3-19. 폼요소의 그룹핑, <fieldset>
WEB/HTML5-CONCEPT 2017. 11. 4. 18:46 |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>회원 정보를 입력해주세요.</h3> <hr> <form> <fieldset> // <fieldset>태그로 폼 요소들을 그룹으로 묶을 수 있다. <legend>회원정보</legend> // 그룹의 제목은 <legend>태그로 표현할 수 있다. 이메일 : <input type="email"><br> 홈페이지 : <input type="url"><br> 전화번호 : <input type="tel"> </fieldset> <small>질문 : Tel. 010-111-1111</small> </form> </body> </html> | cs |
'WEB > HTML5-CONCEPT' 카테고리의 다른 글
| 예제 3-18. 입력할 정보의 힌트 보여주기, 형식을 가진 텍스트 입력 (0) | 2017.11.04 |
|---|---|
| 예제 3-17. <input type="number|range">, 스핀버튼과 슬라이드바로 편리한 숫자 입력 (0) | 2017.11.04 |
| 예제 3-16. 생일 날짜 입력 받기 (0) | 2017.11.04 |
| 3. 폼 요소의 종류 (0) | 2017.11.04 |
| 예제 3-15. 시간 정보 입력 폼 요소 활용, 시간 정보 입력 (0) | 2017.11.04 |