202401to07
  • [ 보안 ]
    2024.02.13.화.day30
    2024년 02월 13일 09시 23분 23초에 업로드 된 글입니다.
    작성자: 202401to07

    day3~

     

     

    10_text.html

     

    form 은 사용자 입력양식을 만든다           
    사용자가 입력한 값을 구분하기위해서 (식별자) name속성을 쓴다            
    사용자의 입력값 유형은 type속성  (화면에 표시되는 방법)
    사용자가 입력한 값은 value속성

    서버로 전송되는 url에 표시 : 속성이름=값 ex)search=hi

     

    form 안의 button

    default: type="submit" 

    submit생략가능 

    <input  type="button"은 자바 스크립트 명령을 실행한다는 뜻.

     

    <input  type="text"

     
    <form action="success.html">
            <input type="text" name="search">
            <button>전송</button>
        </form>

    전송버튼을 누르면 success.html으로 이동한다 

    <body>
        <form action="success.html">
            <input type="text" name="search">
            <button type="button">검색</button>
        </form>

    검색 버튼을 눌러도 success.html로 넘어가지 않는다 

    결론 : button을 쓸때 유의사항    1) form 태그 안인지 밖인지   2) type 2가지  

     

    11_submit.html

    <input  type="text"

    <input  type="number"

    <form action="success.html">
            <input type="text" name="pcode" placeholder="상품코드를 입력하세요">
            <input type="number" name="quantity" value="1" placeholder="주문수량을 입력하세요">
            <button>주문</button>
        </form>
    success.html?pcode=gd&quantity=3            
    파일이름?name=입력값&name=입력값            
    입력값이 노출되므로 보안위험이 있다            
    jsp에서 form의 method속성값을 post로 하면 url에 입력값이 보이진 않는다            
    현재 method의 기본값은 get(조회)이다.       
    결론 :
    form 의 주요 속성 1)action, method               
    input의 주요 속성 1) type 2) name 3)value-

     

    12_select.html

    form - select

     
    <select name="location">
                <!-- 지정된 목록 중 선택하는것 : Drop Down 드롭다운메뉴  -->
                <option value="seoul">서울</option>
                <option>경기</option>
                <option selected>인천</option>
    success.html?location=seoul : 선택항목에  value를 생략하면 option태그의 내용문자열을 기본값으로 합니다 
    success.html?location=경기 
    success.html?location=인천

     

    13_radio.html

    <input type="radio"

    radio : 반드시 하나 선택 

     

    14_checkedbox.html

    <input type="checkbox"

    chkedbos :  미선택 , 중복선택 가능

     

    15_label.html

    글씨 선택해도 선택될수있게 

     

    16_forcss.html

     

     

    화면구현 능력단위평가 : 회원가입페이지를 클론코딩으로 작성또는 직접스타일 작성해서 완성함

    시험일정 : 2/19(월) 

    클론코딩을 할경우 참조 페이지 캡쳐 후 링크 첨부

    제목, 입력항목은 공통된것으로 전달할 예정입니다.

     

    17_table

    table로 시간표 만들기

     

    dya3_js~

     

    7_ 버튼으로 이미지, 부분 글자 색 바꾸기 

     토글이용해서 이미지 누르면 이미지, 글자색 바꾸기 

    7_bulb_test.html
    0.00MB

    '보안' 카테고리의 다른 글

    2024.02.15.day32  (0) 2024.02.15
    2024.02.14.수.day31  (0) 2024.02.14
    2024.02.08.목.day29  (0) 2024.02.11
    2024.02.07.수.day28  (0) 2024.02.07
    2024.02.06.화.day27  (0) 2024.02.06
      댓글

    티스토리툴바