본문 바로가기
반응형

Study/HTML&CSS7

Input type text의 속성 readonly와 disabled의 사용법 그리고 차이점 웹개발을 하다보면 View 단에서 태그를 사용하게 된다. 일일히 사용자의 입력 데이터를 하나하나 넘기지않고, form 태그 안에서의 사용자의 입력값들은 사용자가 submit(확인) 버튼을 누르는 순간 개발자가 정해놓은 Method 타입에 따라 Get 방식이나 Post 방식으로 Controller 클래스로 전송되게 된다. 상품코드 상품명 제조사명 단위명 입고수량 수정 이 태그 안에서 상품코드는 reanonly 속성을 지니고 있다. 사용자에게 노출이될뿐, 사용자가 임의로 수정할수 없게 수정동작을 방지하고자 readonly로 설정을 해두었다 HTML 삽입 미리보기할 수 없는 소스 사용자가 표출된 Text의 값을 수정할수없게 하는 방법엔 크게 2가지가 있는데 바로 readonly와 disabled이다. 이 두 .. 2023. 6. 15.
HTML <Select> 태그 사용법 태그를 이용하여 우리가 손쉽게 SelectBox를 웹페이지상에서 표현해줄수 있다. 카테고리 의류 침구 가구 HTML 삽입 미리보기할 수 없는 소스 이런식으로 select box를 생성하여 각각의 옵션에 value값을 설정해주면, 사용자가 선택했을때의 해당 value값을 추출하여 코드를 활용할수있다. 이때 사용하는 속성이 onchange이다. onchange는 select 요소의 값이 변경될때마다 호출되는 Javascript 이벤트 속성이다. 카테고리 의류 침구 가구 HTML 삽입 미리보기할 수 없는 소스 이런식으로 onchange를 이용하여 함수를 호출 하고 매개변수 this.value를 이용하여 셀렉트박스의 옵션 value값들을 전달해준다. this.value에서 this는 이벤트가 발생한 요소( 즉 .. 2023. 6. 12.
목록태그 <UL> <OL> <LI> <DL> 태그 제목 그대로 목록을 만들어주는 태그이다. 우리가 목록을 일반태그로 구현하려면 등을 이용하여 불필요한 반복작업을 해줘야한다. 그렇지만 태그의 의미적으로는 태그는 단락을 나타내주는 태그이지 목록을 위한 태그는 아니다. 도 단순 줄바꿈일뿐이다. 그래서 목록을 나타내줄때 별도로 사용하는 태그가 바로 목록태그이다. 목록태는 또는 또는 을 사용해준다. 태그는 unordered list, 비 순서형 목록 태그이다. 순서가 없는 목록을 표현할때 사용하는 태그이다. 태그 그리고 태그 안에는 태그가 존재한다. List item이라는 뜻으로 태그와 태그에서 목록을 추가할때 태그를 이용한다. 오늘의 할일 잠자기 장보기 밥하기 게임하기 HTML 삽입 미리보기할 수 없는 소스 기본적으로 를 이용하면 자동으로 들여쓰기가 되고, 목.. 2023. 1. 8.
HTML Form태그 Post Method 이용시 한글깨짐 처리 방법(Feat. 이클립스) Form 태그의 속성중에 Method 속성이 있다. Post와 Get 방식이 있는데 이는 Action 속성으로 Page 이동을 시켜줄때 Post - URL에 User가 입력&요청한 값이 표시되지 않는다 Get - URL에 User가 입력&요청한 값이 표시된다. 로 나뉜다. 요즘은 개인정보가 중요한 시대이다. 따라서 표시가 되도 상관이 없는 정보(예:조회한 글번호, 조회한 문자열) 등은 Get방식으로, 표시가 되면 안되는 정보(예:비밀번호, 생년월일) 같은 정보는 Post 방식으로 처리를 해줘야한다. Post 방식을 이용하다보면 한글깨짐 현상이 발생하는데 이를 수정해주는 내용을 포스팅하려고 한다. 방법은 간단하다. Eclipse에서 Package Explorer에 보면 Server란이 있다. 그걸 펼쳐보면.. 2022. 12. 25.
반응형