html5 속성 formenctype formmethod formnovalidate height and width

The formenctype Attribute(formenctype 속성)

formenctype 속성은 양식 데이터를 제출할 때 인코딩 할 방법을 지정합니다 (method = "post"가있는 양식에만 해당).

formenctype 속성은 <form> 요소의 enctype 속성을 덮어 씁니다.

formenctype 속성은 type = "submit"및 type = "image"와 함께 사용됩니다.

OperaSafariChromeFirefoxInternet Explorer

예

기본적으로 인코딩 된 첫 번째 제출 버튼 인 양식 데이터를 'multipart / form-data'(두 번째 제출 버튼)로 인코딩합니다.

<form action = "demo_post_enctype.asp"method = "post">

  이름 : <input type = "text"name = "fname"> <br>

  <input type = "submit"value = "Submit">

  <input type = "submit"formenctype = "multipart / form-data"

  value = "Multipart / form-data로 제출">

</ form>

The formmethod Attribute(formmethod 속성)

formmethod 속성은 양식 데이터를 작업 URL로 보내는 HTTP 메소드를 정의합니다.

formmethod 속성은 <form> 요소의 method 속성을 덮어 씁니다.

formmethod 속성은 type = "submit"및 type = "image"와 함께 사용할 수 있습니다.

OperaSafariChromeFirefoxInternet Explorer

예

두 번째 제출 버튼은 다음과 같은 형식의 HTTP 메소드를 대체합니다.

<form action = "action_page.php"method = "get">

  이름 : <input type = "text"name = "fname"> <br>

  성 : <input type = "text"name = "lname"> <br>

  <input type = "submit"value = "Submit">

  <input type = "submit"formmethod = "post"formaction = "demo_post.asp"

  value = "POST를 사용하여 제출">

</ form>

The formnovalidate Attribute(formnovalidate 특성)

formnovalidate 속성은 <form> 요소의 novalidate 속성을 덮어 씁니다.

formnovalidate 속성은 type = "submit"과 함께 사용할 수 있습니다.

OperaSafariChromeFirefoxInternet Explorer

예

두 개의 제출 버튼이있는 양식 (유효성 검정 여부 포함) :

<form action = "action_page.php">

  전자 메일 : <input type = "email"name = "userid"> <br>

  <input type = "submit"value = "Submit">

  <input type = "submit"formnovalidate value = "유효성 검사없이 제출">

</ form>

The formtarget Attribute(formtarget 속성)

formtarget 속성은 양식을 제출 한 후 수신되는 응답을 표시 할 위치를 나타내는 이름 또는 키워드를 지정합니다.

formtarget 특성은 <form> 요소의 대상 특성을 재정의합니다.

formtarget 속성은 type = "submit"및 type = "image"와 함께 사용할 수 있습니다.

OperaSafariChromeFirefoxInternet Explorer

예

서로 다른 대상 창이있는 두 개의 제출 버튼이있는 양식 :

<form action = "action_page.php">

  이름 : <input type = "text"name = "fname"> <br>

  성 : <input type = "text"name = "lname"> <br>

  <input type = "submit"value = "정상적으로 제출">

  <input type = "submit"formtarget = "_ blank"

  value = "새 창에 제출">

</ form>

The height and width Attributes(높이 및 너비 특성)

height 및 width 속성은 <input type = "image"> 요소의 높이와 너비를 지정합니다.

항상 이미지의 크기를 지정하십시오. 브라우저가 크기를 모르는 경우 이미지가로드되는 동안 페이지가 깜박입니다.

OperaSafariChromeFirefoxInternet Explorer

예

height 및 width 속성을 가진 이미지를 제출 버튼으로 정의하십시오.

<input type = "image"src = "img_submit.gif"alt = "제출"width = "48"height = "48">

The list Attribute(list 속성)

목록 속성은 <input> 요소에 대해 미리 정의 된 옵션을 포함하는 <datalist> 요소를 참조합니다.

OperaSafariChromeFirefoxInternet Explorer

예

<datalist>에 미리 정의 된 값을 가진 <input> 요소 :

<입력 목록 = "브라우저">

<datalist id = "browsers">

  <option value = "Internet Explorer">

  <option value = "Firefox">

  <option value = "Chrome">

  <option value = "Opera">

  <option value = "Safari">

</ datalist>

The min and max Attributes(최소 및 최대 속성)

min 및 max 속성은 <input> 요소의 최소값과 최대 값을 지정합니다.

min 및 max 속성은 숫자, 범위, 날짜, datetime-local, month, time 및 week 입력 유형과 함께 작동합니다.

OperaSafariChromeFirefoxInternet Explorer

예

최소값과 최대 값을 가진 <input> 요소 :

1980-01-01 전에 날짜를 입력하십시오 :

<input type = "date"name = "bday"max = "1979-12-31">

2000-01-01 이후에 날짜를 입력하십시오 :

<input type = "date"name = "bday"min = "2000-01-02">

수량 (1 ~ 5) :

<input type = "number"name = "quantity"min = "1"max = "5">