>  기사  >  웹 프론트엔드  >  HTML의 입력 태그 및 양식 태그에 대한 자세한 소개

HTML의 입력 태그 및 양식 태그에 대한 자세한 소개

高洛峰
高洛峰원래의
2017-03-24 11:44:451932검색

입력 태그

입력 태그가 저절로 닫힙니다

<input />

입력 계열에는 체크박스, redio, 비밀번호, 버튼, 파일 등이 포함됩니다.

1. ='text' 및 type='password'

<input type=&#39;text&#39; />

type='text' 및 type='password'

用户名:<input type="text"/>
<br/><br/>
密  码:<input type="password"/>

HTML의 입력 태그 및 양식 태그에 대한 자세한 소개

입력 길이 제한: type= 'text' maxlength ="3"

HTML의 입력 태그 및 양식 태그에 대한 자세한 소개

2. 체크박스: type='checkbox'

兴趣爱好:
篮球: <input type="checkbox"/>
足球: <input type="checkbox"/>
排球: <input type="checkbox"/>

HTML의 입력 태그 및 양식 태그에 대한 자세한 소개

3. 라디오 선택 버튼 유형='라디오'

性别:
男: <input type="radio" name="gender"/> 女:<input type="radio" name="gender"/>

HTML의 입력 태그 및 양식 태그에 대한 자세한 소개

4. 제출 버튼: 유형='버튼'

버튼-일반 버튼, 제출-제출 버튼; 제출 버튼 일반적으로 정보가 웹 페이지에 나타나기 전에 서버에 제출해야 합니다. 버튼 버튼은 버튼이 구현될 때 어떤 일이 발생할지는 확실하지 않습니다. 예를 들어, 같은 날 웹 양식에서 사용자 입력에 오류나 편차가 있을 수 있으며, 웹 페이지에 버튼 지우기(재설정) 버튼을 만들 수 있으며, 한 양식에 여러 개의 일반 버튼이 있을 수 있습니다. 하나 이상의 제출 버튼(양식 웹페이지를 제출해야 함)

<input type="button" value="提交"/>

HTML의 입력 태그 및 양식 태그에 대한 자세한 소개

5. 제출 버튼: type='submit'

6. : type='file'

<input type="file" />

HTML의 입력 태그 및 양식 태그에 대한 자세한 소개

7. 여러 줄 출력 상자:

<textarea>这里可以输入多行信息</textarea>

HTML의 입력 태그 및 양식 태그에 대한 자세한 소개

양식 태그:


또는

Method 값이 get이면 URL과 매개변수를 통해 콘텐츠가 전송됩니다. 이때 URL을 통해 우리가 제출한 콘텐츠를 볼 수 있습니다. 방법은 게시이며 콘텐츠와 매개변수는 유사한 캐시를 통해 전달되지만 URL은 양식 콘텐츠에 제출된 콘텐츠를 볼 수 없습니다.

html 양식 양식 태그의 경우 양식 양식 및 제출 방법(get post)(get post의 차이점 이해)만 사용하여 데이터를 프로그램으로 전송하여 처리할 수 있습니다. 그렇지 않으면 프로그램이 데이터를 수신할 수 없습니다. 처리할 데이터.

버튼과 제출의 차이점:

양식에 있는 버튼을 누르면 양식에 데이터가 제출되지 않습니다(JS로 사용자 정의하는 등 사용자 지정하지 않는 한). 제출하면 반드시 데이터가 제출됩니다.

姓名:<input type="text" maxlength="10"/>
密码:<input type="password" />
<br/><br/>
<input type="submit" onclick="alert(123)" value="提交" />

HTML의 입력 태그 및 양식 태그에 대한 자세한 소개submit은 데이터 제출도 가능한데 버튼은 왜 있는 걸까요?

submit에 해당하는 메소드는 데이터를 백그라운드로 제출하는 post이고, 버튼에 해당하는 메소드는 get입니다. 예를 들어 페이지에 버튼을 추가하고 값을 새로 고침으로 설정하면 됩니다. 버튼의 의미는 백그라운드에 데이터를 제출하지 않고 페이지를 새로 고치는 것입니다.

위 내용은 HTML의 입력 태그 및 양식 태그에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.