UX·UI - FrontEnd Dev. Story

인풋 2

[javascript] input 숫자만 입력하는 자바스크립트 / 정규식 방법

Inputbox Validtion Numbers Only 자바스크립트 방법 중 가장 많이 쓰이는 방법 중 하나가 input 텍스트 박스 내에 숫자만 입력하게 하는 방법이다. 다양한 개발 방법 중 자바스크립트 이용하는 방법과 정규식의 인라인으로 작성하는 방법을 알아보자. 1. 정규식 이용한 방법 이렇게 onKeyup 속성을 넣어서 정규식을 입력하면 숫자외에 입력이 되지않는다. 2. 자바스크립트 이용한 방법 function inNumber(){ if(event.keyCode57){ event.returnValue=false; } } 자바스크립트로 키보드 누르는 키를 제어함으로써 숫자만 입력가능하도록 할 수 있다.

[HTML] input 유형/속성에 따른 type 설명/ textarea / select

사용자의 정보를 입력할 때 사용하는 input 태그는 자주 쓰이는 type 유형들이 있어 잘 숙지하고 넘어가야한다. 1. select 요소 사용자가 폼에서 옵션의 목록에서 선택 할 수 있도록 보여주는 폼 요소이다. 라디오 타입의 input과 비슷한 역할을 가지고 있지만 라디오 타입의 input은 다 펼쳐서 보여지는 반면에 select 요소는 옵션들을 모두 숨기고 선택된 한 가지만 보여준다. 또한 한 가지 선택이 아닌 복수로 선택할 수도 있다. select 요소는 내부에 한개 이상의 option 요소를 가지고 있다. 사용자는 option을 선택하고 선택된 option 요소의 값은 서버로 전송하게 된다. 점수 선택 A B C D 1-1. select 요소의 속성 ▶ multiple 속성 기본적으로 selec..

반응형