아래 예제 코드는 아래 항목들을 출력한다. 텍스트, 비밀번호, 라디오 버튼, 체크박스, 선택 드롭다운, 멀티라인 텍스트, Submit 버튼 Text Input: Password Input: Radio Button: Option 1 Option 2 Checkbox: Check 1 Check 2 Select: Option 1 Option 2 Option 3 Textarea: Submit Button:
- 위 화면의 코드를 보면 $nbsp를 추가하지 않았는데 생성되어있다. 삭제하고자 코드를 봐도 볼 수가 없으니 헤메고 있었다. - 방법을 찾다가 아래와 같은 방법으로 해결했다. - 아래 코드를 보면 해당 class의 값은 form-group으로 지정되어 있다. - 아래 코드는 &nbps 를 지우는 스크립트이다. form-group 위치에 자신이 지정한 클래스명을 적어넣으면 된다. - 해결되었다.
1. html에서 DIV 태그를 사용하여 클래스 정의하기 html 2. 정의한 클래스의 CSS코드 입력 css .container { width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
색을 고르세요 빨강/파랑 파랑/노랑 노랑/주황 초록/보라 회색/흰색
//폼과 영역을 만든다. //오늘날짜출력하기 를 누르면 표준시 정보를 날짜 영역에 출력한다. //시간출력하기 를 누르면 시간 영역에 시, 분, 초 단위를 출력한다. 날짜/시간 출력하기 날짜 영역 시간 영역
//폼을 만든다. //첫번째 방식인 radio를 선택하면 해당 컬러를 선택했다는 알림창을 띄우고 배경색을 바꾼다. //두번째 방식인 버튼을 선택하면 바로 배경색을 바꾼다. //세번째 방식인 리스트를 선택하면 바로 글자색을 바꾼다. 색을 고르세요 빨강 파랑 분홍 초록 라임 white pink black yellow skyblue
//프롬프트를 띄워 주민번호를 입력받는다. //형식이 올바르지 않다면 경고창을 띄운다. //올바른 형식을 입력했다면, 해당 주민등록번호를 이용하여 성별, 나이, 생일을 페이지에 출력한다.
//폼을 만든다. //국어, 영어, 수학 점수 미 입력시 경고창을 띄우며, 해당칸에 입력을 받는다. //점수 입력 후 점수계산을 누르면 총점과 평균을 계산하여 출력하고, 평균값을 수정하지 못하게 한다. //그 상태에서 평가를 누르면 평균점수에 따른 결과 등급을 출력한다. 성적구하기 국어 : 영어 : 수학 : 총점 : 평균 : 결과 :
