웹 페이지 전단(5) 양식 및 표

2056 단어

양식의 기본 설정

  • 양식
  • 현실 생활의 표는 정보를 제출하는 데 쓰인다. 예를 들어 은행 카드에 기입한 신청서, 일자리를 찾아 기입한 이력서, 입학할 때 기입한 개인 정보표이다.이것들은 모두 표의 일종이다.
  • 웹 페이지의 폼은 서버에 정보를 제출하는 데 사용되며, 우리가 가장 자주 사용하는 폼은 바로baidu의 검색 상자입니다.
  • , , baidu , ,
  • 양식 항목
  • > 
    
    
     
    
    
     
    
     
    
    
     
    
    
     
    
    
    

    input

    input는 우리가 가장 많이 사용하는 표 항목으로 서로 다른 type 속성에 따라 서로 다른 상태를 나타낼 수 있다.
  • type 옵션
  • text: 
    password: 
    submit: 
    radio: 
    checkbox: 
    reset : 
    
    

    select,option

  • select는 드롭다운 목록을 만드는 데 사용됩니다.
  • option는 드롭다운 목록의 목록 항목을 나타냅니다.
  • optgroup는 목록 항목의 그룹을 나누는 데 사용됩니다.

  • textarea

  • textarea는 텍스트 필드를 만드는 데 사용되며, 실제 효과는 텍스트 상자와 유사하며, 단지 여러 줄의 데이터를 입력할 수 있을 뿐이다.사용 가능한 속성:
  • cols: 
    rows: 
    
    

    fieldset、legend、label

  • fieldset는 표 항목을 그룹화하는 데 사용된다.
  • legend는 각 그룹의 이름을 지정하는 데 사용됩니다.
  • label 탭은 폼 항목에 대한 설명 문자를 정의하는 데 사용됩니다.

  • html 표

  • table 일반 레이블
  • 1,table 라벨: 표 2, tr 라벨 표시: 표의 한 줄 3, td와th 라벨 정의: 한 줄의 한 칸을 정의합니다. td는 일반 칸을 대표하고,th는 헤더 칸을 나타냅니다.

    table 공통 속성:


    1,border 정의 표의 테두리 2,cellpadding 정의 셀 안의 내용과 테두리의 거리 3,cellspacing 정의 셀과 셀 사이의 거리 4,align 설정 셀의 내용의 수평 정렬 방식, 설정 값은: left | center | right 5,valign 설정 셀의 내용의 수직 정렬 top | middle | bottom 6,colspan 설정 셀 수평 합병 7,rowspan 셀 수직 병합 설정

    기존 레이아웃:

  • 전통적인 레이아웃 방식은table를 사용하여 전체 페이지의 레이아웃을 하는 것이다. 레이아웃의 기교는 다음과 같은 몇 가지로 요약된다.
  • 1. 표의 넓이를 정의하고border,cellpadding,cellspacing을 모두 0 2로 설정합니다. 칸에 박힌 표 3. 칸에 박힌 요소와 박힌 표는 align과valign으로 정렬을 설정합니다. 4. 속성이나 css 스타일을 통해 칸에 박힌 요소의 스타일을 설정합니다.
    기존 레이아웃이 현재 적용됩니다.
    1. 프레젠테이션용 html 페이지 2, 상업 홍보 EDM 제작(광고 메일)

    좋은 웹페이지 즐겨찾기