HTML5의 입력은 쌍을 이루는 태그가 아니며 시작 태그만 있고 종료 태그가 없는 단일 태그입니다. 입력 태그는 사용자가 데이터를 입력할 수 있는 입력 필드를 지정하는 데 사용되며 구문은 "", 다양한 유형 속성 값에 따라 입력 필드에는 여러 형식이 있습니다.
이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.
HTML에서는 <div> 및 <code>
<div> 和 <code>
也有单独呈现的标签,如:<img src="/static/imghwm/default1.png" data-src="1.jpg" class="lazy" alt="HTML5에서 입력이 쌍을 이루는 태그입니까?" >
<img src="/static/imghwm/default1.png" data-src="1.jpg" class="lazy" alt="HTML5에서 입력이 쌍을 이루는 태그입니까?" >
등과 같이 별도로 표시되는 태그도 있습니다. 이러한 유형의 태그를 "단일 태그"라고 합니다. 그럼 HTML5의 입력 태그는 쌍을 이루는 걸까요?
입력은 쌍을 이루는 태그가 아니라 시작 태그만 있고 종료 태그는 없는 단일 태그입니다.
구문:
<input type="类型值" />다양한 유형 속성에 따라 입력 필드에는 여러 형식이 있습니다. 입력 필드는 텍스트 필드, 체크박스, 비밀번호 필드, 라디오 버튼, 버튼 등이 될 수 있습니다.
유형 속성 값 | 설명 |
---|---|
button | 클릭 가능한 버튼을 정의합니다(일반적으로 스크립트를 실행하기 위해 JavaScript와 함께 사용됨). |
checkbox | 체크박스를 정의하세요. |
color | 색상 선택기를 정의합니다. |
date | 날짜 제어를 정의합니다(연도, 월, 일 포함, 시간 제외). |
datetime | 날짜 및 시간 제어를 정의합니다(UTC 시간대를 기준으로 연도, 월, 일, 시, 분, 초, 1초 미만 포함). |
datetime-local | 날짜 및 시간 제어를 정의합니다(연도, 월, 일, 시, 분, 초, 1초 미만, 시간대 제외). |
이메일 주소에 사용되는 필드를 정의합니다. | |
file | 파일 선택 필드를 정의하고 파일 업로드를 위한 "찾아보기..." 버튼을 정의하세요. |
hidden | 숨겨진 입력 필드를 정의하세요. |
image | 이미지를 제출 버튼으로 정의합니다. |
month | 월 및 연도 컨트롤을 정의합니다(시간대 제외). |
number | 숫자 입력 필드를 정의합니다. |
password | 비밀번호 필드를 정의합니다(필드의 문자는 마스크됩니다). |
|
라디오 버튼을 정의하세요. |
range | 정확한 값이 중요하지 않은 입력 숫자에 대한 컨트롤을 정의합니다(예: 슬라이더 컨트롤). |
reset | 재설정 버튼 정의(모든 양식 값을 기본값으로 재설정). |
search | 검색 문자열을 입력하기 위한 텍스트 필드를 정의하세요. |
submit | 제출 버튼을 정의하세요. |
tel | 전화번호 입력 필드를 정의합니다. |
text | 기본값. 한 줄 텍스트 필드를 정의합니다(기본 너비는 20자). |
time | 시간 입력에 대한 컨트롤을 정의합니다(시간대 제외). |
url | URL 입력 필드를 정의합니다. |
week | 주 및 연도 제어를 정의합니다(시간대 제외). |
예:
<input type="button" value="点我">

<input type="checkbox" name="vehicle[]" value="Bike"> 我有一辆自行车<br> <input type="checkbox" name="vehicle[]" value="Car"> 我有一辆小轿车<br> <input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船<br>

选择你喜欢的颜色: <input type="color" name="favcolor"><br>

生日 (日期和时间): <input type="datetime" name="bdaytime">

관련 추천: "html 비디오 튜토리얼
"🎜위 내용은 HTML5에서 입력이 쌍을 이루는 태그입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

html5的div元素默认一行不可以放两个。div是一个块级元素,一个元素会独占一行,两个div默认无法在同一行显示;但可以通过给div元素添加“display:inline;”样式,将其转为行内元素,就可以实现多个div在同一行显示了。

html5中列表和表格的区别:1、表格主要是用于显示数据的,而列表主要是用于给数据进行布局;2、表格是使用table标签配合tr、td、th等标签进行定义的,列表是利用li标签配合ol、ul等标签进行定义的。

固定方法:1、使用header标签定义文档头部内容,并添加“position:fixed;top:0;”样式让其固定不动;2、使用footer标签定义尾部内容,并添加“position: fixed;bottom: 0;”样式让其固定不动。

html5中不支持的标签有:1、acronym,用于定义首字母缩写,可用abbr替代;2、basefont,可利用css样式替代;3、applet,可用object替代;4、dir,定义目录列表,可用ul替代;5、big,定义大号文本等等。

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

3种取消方法:1、给td元素添加“border:none”无边框样式即可,语法“td{border:none}”。2、给td元素添加“border:0”样式,语法“td{border:0;}”,将td边框的宽度设置为0即可。3、给td元素添加“border:transparent”样式,语法“td{border:transparent;}”,将td边框的颜色设置为透明即可。

因为html5不基于SGML(标准通用置标语言),不需要对DTD进行引用,但是需要doctype来规范浏览器的行为,也即按照正常的方式来运行,因此html5只需要写doctype即可。“!DOCTYPE”是一种标准通用标记语言的文档类型声明,用于告诉浏览器编写页面所用的标记的版本。


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

SublimeText3 영어 버전
권장 사항: Win 버전, 코드 프롬프트 지원!

맨티스BT
Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전
