Front-End/HTML&CSS 2

[HTML&CSS] table tr display block 시 깨지는 오류 버그

table tr(행)을 숨겼다가 다시 보여줘야 할 상황이 있다. tr을 숨기기 위해서 "display: none;"으로 스타일을 주면 정상적으로 숨겨질 것이다. 여기서 문제는 다시 보여주기 위해서 "display: block;"을 할 경우 해당 행이 깨지는 현상을 볼 수 있을 것이다. table의 경우 "display: block;"을 "display: ;" 공백으로 처리하면 된다. 스크립트로 show(), hide()를 사용해도 된다. 숨기기 - display: none; 보이기 - display: ; 숨기기 - hide(); 보이기 - show();

Front-End/HTML&CSS 2022.04.14

[HTML&CSS] readonly와 disabled의 차이 / form input controller에 안 넘어올 때

input value가 controller에 안 넘어와서 당황한적이 있었다 알고보니 readonly와 disabled의 속성의 차이점을 몰라서 그랬던것.. 웹 페이지에서 어느 특정 요소를 비활성화 처리할 때 사용하는 것이 readonly와 disabled이다. (readonly는 text요소, 나머지 요소는 disabled 사용) 1. readonly 말 그대로 읽기 전용이다. readonly의 경우 select, checkbox, radio에서 사용할 수 없다. 2. disabled disabled 역시 readonly처럼 사용자의 입력을 막기위해 사용된다. 하지만 큰 차이점이 있는데 바로 값을 넘길 수 있느냐 없느냐의 차이이다. readonly의 경우 입력은 되지만 기존 value가 있다면 그 값을 ..

Front-End/HTML&CSS 2022.01.18