html(1) 헷갈리는 input 태그 모음

셀렉트 창

SELECT 태그 안에 option 태그를 두면 된다. value 속성에 값을 지정, 화면단에 뜰 텍스트는 태그 사이에 두면 된다.

     
            <select name="" id="">
                <option value="s1">one</option>
                <option value="s2">TWO</option>
                <option value="s3">THREE</option>
            </select>
  

전화번호 입력

        <label>전화번호 :<input type="tel"></label><br>

hidden

사용자에게 보이지 않는 숨겨진 입력 필드. 소비자의 웹 페이지에는 전혀 보이지 않는다. 폼 제출 시 사용자가 변경해서는 안 되는 데이터를 함께 사용할 수 있다. 예컨대 데이터베이스의 레코드를 저장하거나 고유한 보안 토큰 등을 서버로 보낼 때 주로 사용한다.

출처 ( http://tcpschool.com/html-input-types/hidden)

    <form action="/examples/media/action_target.php" method="get">
    아이디 : <input type="text" name="user_id"><br>
    비밀번호 : <input type="password" name="user_pw"><br>
    <input type="hidden" id="gameToken" name="game_token" value="xm234jq">
    <input type="submit">
</form>

텍스트내용 삭제 버튼을 제공하는 search

   검색 :<input type="search" name="sc" value="내용 삭제">

텍스트박스의 내용을 삭제할 수 있는 버튼이 제공된다. 기본적으로 value의 텍스트가 입력돼 있다.