[TIL]input,buttonラベルのtype

1407 ワード
type inputラベルタイプ input html TIL テキストリンク
inputラベルのtypeは必要に応じて直感的に(!)作成中です.
でも今日はちゃんと整理したいです.
注意-inputラベルのデフォルトタイプはtextです.

  • text
    入力単行の入力フィールドを定義します.

  • password
    文字ではなく、番号を入力するフィールドを定義します.

  • submit
    form-handlerにデータを送信するコミットフォームのボタンを定義します.
    (フォームタグに入力したデータをサーバに送信)
    • <input type="submit">
``` : 버튼 태그는 아니지만 클릭후 제출 가능하다. 헷갈리지 말자.
   
3. reset 
모든 밸류를 디폴트 밸류로 되돌린다.
역시 폼 태그안에서 기능한다. 

4. radio 
선택지 중 오직 한가지만 고를 수 있는 라디오 버튼이 생긴다. 

5. checkbox 
0 에서 복수의 선택을 할 수 있는 체크박스를 만들 수 있다.

6. minlength , mxlength 
인풋필드의 밸류 길이에 대한 조건 지정이다. 로그인 창을 만들때 유용할것 같다 .

7. email 
@ 가 포함된 문자열인지 확인, 아닐경우 @ 가 없다는 메시지가 나온다

+ 여기에 추가해서,

어째서 button 태그를 사용할때 으레 type="button"을 추가하는 것일까?
그 이유는 버튼 태그의 디폴트 타입은 submit인데 이는 버튼 클릭시 페이지를 새로고침해주기 때문이다. 
또한 IE 10 이하에서 form 태그에 밖의 input에서, 엔터키를 누르면 버튼 실행을 하고자 하지않았더라도 타입이 submit일 경우 실행한다고한다. 
따라서 구분하기 위해 button 을 지정하는것이 좋다.


참고 
https://bskyvision.com/1035
https://hianna.tistory.com/302
https://www.w3schools.com/html/html_form_input_types.asp
https://nykim.work/96
    白駿4344の平均値は超えているだろう.
    Railsでvue-materialを試す.md