HTML독학하기3 HTML5 / select 태그 / option 태그 / textarea 태그 / button 태그 다양한 태그를 활용하여 상품주문서 폼 만들기,태그 활용하여 드롭다운 목록 만들기, 태그 태그 태그주문서 작성할 때 예시 화면이랑 수량 입력란의 길이가 달라서 스타일 오류인줄 알고 몇번이나 체크하였으나 스타일 오류가 아니었다. 처음부터 끝까지 체크해보니, 수량 입력란의에서 max 부분에 오타가 있었다. 최대 수량이 적용되지않아서 입력란이 크게 보이는 것이었다. 오탈자 항상 체크하자.Q : 태그 와 태그의 차이는?A: 태그는 오직 하나의 옵션만을 선택할 수 있는 form input type이다. 태그는 list에서 주어지는 어떤 옵션이든 선택이 가능하다. 자체에 input을 넣어서 옵션을 추가할 수 있다. 하지만 는 안된다. form input type가 아니다.참고 문헌 사이트 :https://www.. 2022. 4. 10. HTML5 / input 태그 / input type 종류 input 태그input type의 종류 코드 를 이용하면 코드를 텍스트로 보이게 할 수 있다.checkbox와 radio button의 차이점 : 복수선택이 가능한지 여부. checkbox만 복수 선택 가능. Q: range 모양 변형하는 방법 A: 브라우저별로 기본 스타일이 있어서 다르게 보인다.기본에 설정되어있는 브라우저 스타일 속성을 없애고 css에서 수정한다. input[type=range] {-webkit-appearance: none;margin: 18px 0;width: 100%;}input[type=range]:focus {outline: none;}이런식으로 세부적인 부분들을 수정할 수 있으나 브라우저마다 다르기 때문에 각각 만들거나 통합된 코드를 입력해야한다. https://css-.. 2022. 4. 10. HTML5 / form 태그 / label태그 / fieldset 태그와 legend 태그 폼 만들기form 태그label 태그fieldset 태그와 legend 태그 form에서 autocomplete 속성을 이용해 자동 완성 기능을 동작하게 할 수 있다. radio button,check box를 input type="radio/checkbox" 로 만들 수 있고, 이를 label을 연결하면 텍스트를 클릭해도 선택이 되어 사용성 측면에서 편리하다.list 만들 때 style="list-style:none로 리스트 앞에 bullet이 나타나지 않게 할 수 있다.form에서 input type="password"로 할 경우 입력하는 텍스트가 ...으로 보인다.Q: 한 문서에서 폼이 여러개인 경우 각각 다른 스타일을 적용하고자 할 때 편리하게 할 수 있는 방법은? head에서 style로 작성할.. 2022. 4. 9. 이전 1 다음
