input type="number" 의 숫자 최댓값, 최솟값, 소수점 설정 방법
·
Front/html
[기본] HTML에서 숫자만 입력받고자 할 때는 number 타입의 input 태그를 사용해 주면 된다. 그러면 이렇게 화살표 모양으로 된 숫자만 입력 가능한 input 창이 하나가 보인다. 모양이 저런 건 내가 css를 넣어서 그렇다. [최솟값 / 최댓값] 이제 여기서 최댓값과 최솟값에 제한을 두려면 min과 max를 이용하여 제한을 걸어 두면 된다. 이렇게 제한을 걸어두면 아무리 올려도 max 이상으로 안 올라가고 아무리 내려도 min 이하로는 내려가지 않는다. [소수점] 소수점을 입력하려면 step이라는 속성을 설정하면 된다. . 1이라면 소수점 한자리 수 인 것이고. 01이라고 표현하면 소수점 두 자릿수까지 입력이 가능하다 step 속성이란 input 입력창의 숫자 간격을 설정하는 속성이다. 따라..
[html] 웹 페이지의 기본 뼈대 - 다양한 Form 양식
·
Front/html
태그 : 사용자가 입력한 데이터를 수집하여 서버로 전송하는 처리를 한다. 전송방식에는 get 과 post 방식이 있다. get 방식은 입력 데이터를 url 에 연결하여 전송함으로 웹페이지 주소와 함께 그대로 노출 된다. 반면, post 방식은 패킷 안에 데이터를 담아서 전송하기 때문에 정보가 외부에 보이지 않으므로 데이터 보안에 좋다. name 과 id 도 지정가능함으로 값을 불러오는 일 있을 때 간편하게 사용 가능하다. 이건 다음에 자세히 알아보도록 하쟈 1) 텍스트 박스 한 줄 입력 박스로 input type에 text로 설정하고 텍스트를 입력 할 수 있는 박스이다. 텍스트박스의 속성에는 disabled 와 readonly 있다. disabled는 사용 불가로 만드는 것이고 readonly는 읽기만 ..
[html] 웹 페이지의 기본 뼈대 - 테이블 안에 사진 넣기
·
Front/html
테이블 다음 네이버 : 가로줄 : 세로줄 : 의 볼드 첫번째 : 다음과 네이버를 굵게 쓰라는 것 두번재 : 각 칸에 img를 삽입하고 이미지 크기 조절
[html] 웹 페이지의 기본 뼈대 - div 와 span
·
Front/html
▶ div 와 span div 와 span 의 차이 ① 줄 바꿈 div 는 자동으로 줄 바꿈을 해주지만 span은 연달아 나온다. ② 영역의 차이 div 태그는 박스 형태로 영이 설정 되어 지고 span 은 줄 단위로 영역이 설정 된다. 따라서. css style 을 적용 할때도 div는 스타일이 태그 다음의 text에 스타일이 입혀져 각각 따로 지정한 객체처럼 보인다. 하지만 span 은 줄 단위 영역이기 떄문에 앞선 text 에 영향을 받기 때문에 크기에 제약이 있다. 가나다 자동으로 줄바꿈 라마바 abc asdf div 는 block 속성이기 때문에 박스 형태로 영역 구간이 잡히면서 다음 컨텐츠 태그가 자동으로 개행이 되는 속성이다. 반대로 span 은 Inline 속성으로 줄을 바꾸지 않고 다른 ..
해니01_15
'Front/html' 카테고리의 글 목록