사용자 도구

사이트 도구


wiki:css:css_note:css_forms

문서의 이전 판입니다!


CSS Forms

  • description : CSS Forms
  • author : 오션
  • email : shlim@repia.com
  • lastupdate : 2021-04-02


Style HTML Elements With Specific Attributes

HTML 양식, Form의 모양은 CSS로 크게 개선될 수 있습니다.

Styling Input Fields

width 속성을 사용하여 입력 필드Input Field의 너비를 결정합니다.

input {
  width: 100%;
}


상기 예제는 모든 <input> 요소에 적용됩니다.
특정 입력 유형에만 스타일을 지정하려는 경우, 속성 셀렉터attribute selector를 사용할 수 있습니다.

  • input [type = text] - 텍스트 필드만 선택합니다.
  • input [type = password] - 비밀번호 필드만 선택합니다.
  • input [type = number] - 숫자 필드만 선택합니다.
  • 기타 등등..

Padded Inputs

/volume1/web/dokuwiki/data/attic/wiki/css/css_note/css_forms.1617353022.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)