본문 바로가기
반응형

[LANG]/- HTML&CSS20

[HTML]form,textarea (알아두면 좋은 속성들) #select에서 특정 option을 선택해두고 싶다면 해당 option에 selected="selected"를 적용 남자 여자 #라디오버튼 : 같은 이름을 가진 경우 택1 형태로 선택이 가능 라디오에는 name과 value가 잇어야하며 value가 없으면 체크시 on으로 전송 radio에서 기본값 선택을 하기 위해서는 checked="checked" 속성을적용 남자 여자 #체크박스 전송을 위해서는 name과 value가 있어야한다 value가 없으면 on이 전송 이용약관을 아주 잘 읽엇습니다. #히든(hidden) 안보이는 입력창 입력창은아니고 숨겨진 전송도구 사용자는 모르게 개발자의 필요에 의해서 특정 데이터를 같이 첨부할 경우 사용 input type="hidden" name="nickname" v.. 2022. 6. 1.
[HTML] form ,select 태그 이번에는 form의 셀렉트를 보겟다 먼저 코드를 먼저보면 select 이름적용 exam테이블조회 학생명 과목명 시험유형 select 태그생성후에 안에 값을 넣어주며 보여지는이름 형식으로 만든다. 형식으로도되지만 속성은 최대한 적게쓰는 편이 좋다. ​ 예제를하나추가로 보자 시험정보 등록 페이지 시험유형 유형선택 서술형 문제해결시나리오 평가자체크리스트 과목명 과목선택 응용SW기초기술활용 프로그래밍언어활용 네트워크프로그래밍구현 SQL활용 데이터입출력구현 요구사항확인 서버프로그래밍구현 이름 점수 점수 ​ 항목이 있는데 이것은 타입이 number일때만 지정할수잇는 최소값 최대값 제한이다 ( 단 , 키보드로 입력은 막을수 없고 마우스로만 선택하는것된다 ) 이부분에 유형선택이라고 보여주고싶다 만약.. 2022. 6. 1.
[HTML]form / input 태그 form 태그는 데이터를 전송하고 싶을때 사용한다. form 전송(submit) 되면 form 내부의 모든 입력값이전송된다. 내부에 각종 입력창(input select textarea)과 전송(submit) 초기화(reset)을배치하여 작성한다 ​ input type 에는 여러가지 타입이 들어갈수있다 . ex ) number ... ​ #form 은 반드시 전송될 목적지가 설정 되어야한다. =만약 설정하지 않으면 현제 페이지로 자동 지정이된다 form 태그에 action 이라는 속성을 걸어 주소( 절대경로 / 상대경로)를 작성해준다 만약 위 코드대로 작성을하게되면 문제가무엇이냐 주소뒤에 오는 파라미터에 ? 값을 넣어줘야하는데 어느 값에 넣어야 하는지를 모른다 그래서 속성으로 name을 걸어준다 이런식으로.. 2022. 6. 1.
[HTML] a태그 Anchor태그 네이버로 이동 A태그(Anchor태그) =하이퍼링크태그 =클릭시 다른 대상으로 이동할 수 있는 순간이동 장치 =이동할대상의 주소를 href라는 속성에 작성 네이버로 이동 ​ =이미지에도 링크 설정이가능하다 = anchor 태그 예제 a태그 첫 번째 예제 보기 a태그 첫 번째 예제 보기 img 태그 첫번째 예제보기 img 태그 첫번째 예제보기 서술형시험결과보러가기 서술형시험결과보러가기 문제해결시험결과 보러가기 문제해결시험결과 보러가기 피카츄시험결과 보러가기 피카츄시험결과 보러가기 프로그래밍언어활용 시험결과보러가기 보러가기 프로그래밍언어활용 시험결과보러가기 보러가기 2022. 6. 1.
반응형