웹 프론트엔드 HTML 튜토리얼 html 양식 태그와 테이블 태그의 차이점은 무엇입니까? 지침은 다음과 같습니다!

html 양식 태그와 테이블 태그의 차이점은 무엇입니까? 지침은 다음과 같습니다!

Aug 29, 2018 pm 03:37 PM
form html table

本篇文章主要介绍的是关于HTML form标签和table标签的区别有哪些,本文介绍了form标签和table标签各自的区别,还有form标签和table标签的各自作用的区别,现在让我们开始看文章吧

我们先看看HTML form标签和table标签的三点区别:

1.html中form表示一个表单,用来把一系列的控件包围起来,然后再统一发送这些数据到目标,比如最常见的注册,你说需要填写的资料,都是被封装在form里的,填写完毕后,提交form内的内容,如果不再form内则不会提交。

2.table 则是用来布局的 当你填写资料的时候 你有没有发现页面所提供的文本框,文字,按钮之类的..都摆放的非常整齐 这就是table的作用,一行一行的以表格的形式展示内容。

3.table仅仅只是用来布局用的,form则是用来封装数据的。二者在概念上是不同的,通常发挥作用的是form,但是form内那些无规则随意摆放的文本框怎么看上去很整齐呢 ,所以通常是一个form里嵌套table。

看一个form和table区别的实例:

<form action=&#39;123.jsp&#39;>
<table>
<tr>
<td>用户名:</td>
<td><input type=&#39;text&#39; /></td>
<tr>
</table>
</form>

效果大家应该都能想到吧:

html 양식 태그와 테이블 태그의 차이점은 무엇입니까? 지침은 다음과 같습니다!

真正要提交给服务器的东西 ,是包含在form里的form元素,table只是将这些元素在页面上摆放整齐。

接下来看看form标签和table标签各自作用的区别:

标签作用:

标签用于为用户输入创建 HTML 表单。

1.表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等等。

2.表单还可以包含menus、textarea、fieldset、legend和label元素。

3.表单用于向服务器传输数据。

注释:form元素是块级元素,其前后会产生折行。

这有个实例证明:

<form action="form_action.asp" method="get">
 <p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text" name="lname" /></p> <input type="submit" value="Submit" /> 
</form>

标签作用:

标签定义 HTML 表格。

1.简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。

2.更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

这也有实例:一个简单的 HTML 表格,包含两行两列:

<table border="1">
 <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> 
</table>

到这本篇文章就算是结束了,要是有什么问题,欢迎在下面留言

【小编推荐】

如何给html中的pre标签中的文字换行?html pre标签的使用实例

HTML ul标签的什么意思?HTML ul标签的作用详解

위 내용은 html 양식 태그와 테이블 태그의 차이점은 무엇입니까? 지침은 다음과 같습니다!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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

핫 AI 도구

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

뜨거운 주제

html에서 변정되지 않은 목록을 만드는 방법은 무엇입니까? html에서 변정되지 않은 목록을 만드는 방법은 무엇입니까? Jul 30, 2025 am 04:50 AM

HTML이 변절되지 않은 목록을 만들려면 목록 컨테이너를 정의하기 위해 태그를 사용해야합니다. 각 목록 항목은 태그로 포장되며 브라우저에는 총알이 자동으로 추가됩니다. 1. 태그로 목록을 만듭니다. 2. 각 목록 항목은 태그로 정의됩니다. 3. 브라우저는 기본 점 기호를 자동으로 생성합니다. 4. 하위 목록을 중첩을 통해 구현할 수 있습니다. 5. CSS의 목록 스타일 유형 속성을 사용하여 디스크, 원, 사각형 또는 없음과 같은 심볼 스타일을 수정하십시오. 이 태그를 올바르게 사용하여 표준 비 순응 목록을 생성하십시오.

SEO 및 접근성에 대한 시맨틱 HTML의 중요성 SEO 및 접근성에 대한 시맨틱 HTML의 중요성 Jul 30, 2025 am 05:05 AM

semantichtmlimprovesbothseoandaccessibility thatconvecontentstructure.1) itenhancesseothroughbetterconteralchywithproperheadgeelvels, intodindexingvialementsLikeAnd, andsupportforrrichsnippetsustustureddata.2) .2)

HTML에 PDF 문서를 포함시키는 방법은 무엇입니까? HTML에 PDF 문서를 포함시키는 방법은 무엇입니까? Aug 01, 2025 am 06:52 AM

태그를 사용하는 것이 가장 쉽고 권장되는 방법입니다. 구문은 최신 브라우저가 PDF를 직접 포함시키는 데 적합합니다. 2. 태그를 사용하면 더 나은 제어 및 백업 컨텐츠 지원을 제공 할 수 있으며 구문은 지원되지 않을 때 백업 솔루션으로 태그의 다운로드 링크를 제공 할 수 있습니다. 3. Google Docsviewer를 통해 내장 할 수 있지만 개인 정보 및 성능 문제로 인해 널리 사용하는 것이 좋습니다. 4. 사용자 경험을 향상시키기 위해서는 적절한 높이를 설정해야하며 응답 크기 (예 : 높이 : 80VH) 및 PDF 다운로드 링크를 제공하여 사용자가 스스로 다운로드하여 볼 수 있도록해야합니다.

HTML의 링크 태그에서 Rel 속성의 목적은 무엇입니까? HTML의 링크 태그에서 Rel 속성의 목적은 무엇입니까? Aug 03, 2025 pm 04:50 PM

rel="stylesheet"linksCSSfilesforstylingthepage;2.rel="preload"hintstopreloadcriticalresourcesforperformance;3.rel="icon"setsthewebsite’sfavicon;4.rel="alternate"providesalternateversionslikeRSSorprint;5.rel=&qu

HTML 양식으로 검색 입력 필드를 만드는 방법 HTML 양식으로 검색 입력 필드를 만드는 방법 Aug 02, 2025 pm 04:44 PM

usetheelementwithinatocreateasemanticsearchfield.2

HTML에서 앵커 태그의 대상 속성의 목적은 무엇입니까? HTML에서 앵커 태그의 대상 속성의 목적은 무엇입니까? Aug 02, 2025 pm 02:23 PM

thetargetattributeinananhtmlanchortagspecifieswheretoopenthelinkeddocument.1._selfopensthelinkinthesametab (default) .2._blankopensthelinkinanewtaborwindow.3._parentopensthelinkintheparentframe.4._topopensthelinkin thepoldowbody

HTML에서 양식 데이터를 보내는 제출 버튼을 만드는 방법 HTML에서 양식 데이터를 보내는 제출 버튼을 만드는 방법 Aug 02, 2025 pm 04:46 PM

요소를 사용하고 작업 및 메소드 속성을 설정하여 데이터 제출 주소 및 메소드를 지정합니다. 2. 이름 속성이있는 입력 필드를 추가하여 서버에서 데이터를 인식 할 수 있는지 확인하십시오. 3. 제출 버튼을 사용하거나 생성하면 클릭 한 후 브라우저는 양식 데이터를 지정된 URL로 보내고 백엔드가 처리하여 데이터 제출을 완료합니다.

 태그로 텍스트를 강조하는 방법은 무엇입니까? 태그로 텍스트를 강조하는 방법은 무엇입니까? Aug 04, 2025 pm 04:29 PM

태그를 사용하여 텍스트를 의미 적으로 강조 표시하며 종종 검색 결과 또는 중요한 내용을 식별하는 데 사용됩니다. 2. 배경색, 텍스트 색상 및 경계와 같은 사용자 정의 스타일은 CSS를 통해 사용자 정의 할 수 있습니다. 3. 접근성과 SEO 효과를 향상시키기 위해 시각적 장식이 아니라 실질적인 의미를 가진 맥락에서 사용해야합니다.

See all articles