본문 바로가기

WSG / Form

input-text

필수 입력 사항입니다.
markup 예시
		<span class="input-text">
		<input type="text" placeholder="입력하기">
	</span>
	<span class="input-text">
		<input type="text" placeholder="입력하기">
		<span class="error">필수 입력 사항입니다.</span>
	</span>
	<span class="input-text">
		<input type="text" placeholder="입력하기" disabled>
	</span>
	

input-search

markup 예시
<div class="input-search">
	<input type="text"  placeholder="검색어를 입력해 주세요.">
	<button class="btn-search"></button>
	<button type="button" class="search-del"><span class="blind">검색어삭제</span></button>
</div>
	

radio

markup 예시
<span class="radio"><input type="radio" id="radio1" name="radio"><label class="label" for="radio1">radio1</label></span>
<span class="radio"><input type="radio" id="radio2" name="radio"><label class="label" for="radio2">radio2</label></span>
	

check

markup 예시
<span class="check"><input type="checkbox" id="check1" name="check"><label class="label" for="check1">check1</label></span>
<span class="check"><input type="checkbox" id="check2" name="check"><label class="label" for="check2">check2</label></span>
	

tag check

markup 예시
<div class="tag-wrap">
	<span class="tag-check"><input type="checkbox" id="tag_check_01" name="checkAll"><label class="label" for="tag_check_01">전체</label></span>
	<span class="tag-check"><input type="checkbox" id="tag_check_02" name="checkOne"><label class="label" for="tag_check_02">회사</label></span>
	<span class="tag-check"><input type="checkbox" id="tag_check_03" name="checkOne"><label class="label" for="tag_check_03">상품</label></span>
	<span class="tag-check"><input type="checkbox" id="tag_check_04" name="checkOne"><label class="label" for="tag_check_04">수상</label></span>
</div>
		

select

필수 입력 사항입니다.
markup 예시
<select  class="select-box">
    <option>선택하세요</option>
    <option>선택1</option>
    <option>선택2</option>
    <option>선택3</option>
</select>
	

input-date

~
markup 예시
<div class="input-date">
	<input type="text">
</div>