input 속성

2012. 3. 23. 17:01 Web/Html

 
1. text
   <input type="text" id="" size="" value="" placeholder="" maxlength="" />

2. radio
   <input type="radio" id="" name="" value="" checked="checked" />
   <-- radio : name값이 같아야함 -->

3. checkbox
   <input type="checkbox" id="book" name="" value="" checked="checked" />
   <-- checkbox : name이 달라야함-->

4. select
  <select id="">
    <optgroup label="">
     <option value=""></option>
    </optgroup>
 </select>




버튼생성 방법
1. input type(button/image/reset/submit)
<input type="button" value="ID검색" onclick="" />
<input type="image" src="" alt="" />
<input type="reset" value="취소" />
<input type="submit" value="전송" />

2. a tag
<a href="#" onclick=""><img src="" alt="ID검색" /></a>
<a href="현재페이지"><img src="" alt="취소" /></a>

3. button type(submit/reset)
<button type="submit">전송</button> 
<button type="submit"><img src="" alt="전송" /></button>
 



table안에 있는 input 여백이 조절되지 않을때,
1. input을 감싸는 테이블에 style주기 :  table{table-layout:fixed;}
2. table의 col width값 맞춰주기

'Web > Html' 카테고리의 다른 글

Html 문자기호표  (0) 2012.04.09
favicon  (0) 2012.04.02
모바일 metatag  (0) 2012.04.02
sns 연결  (0) 2012.03.30
이미지맵  (0) 2012.03.13
Copyright © HuckleberryM All Rights Reserved | JB All In One Designed by CMSFactory.NET