html5에서 양식을 정의하는 태그는 무엇입니까?
html5 정의 양식의 태그는 "
". 양식에는 입력, 선택 및 텍스트 영역과 같은 하나 이상의 양식 요소가 포함될 수 있습니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
HTML5 정의 양식의 태그는 "
html5 form
form 태그는 사용자 정보를 수집하고 전송하기 위한 사용자 입력용 HTML 양식(양식 필드)을 생성하는 데 사용됩니다.
양식 양식 필드에는 , 과 같은 컨트롤 레이블(텍스트 필드, 확인란, 라디오 상자, 제출 버튼 등)이 포함될 수 있습니다. ; 및 기타 태그.
<form action="提交地址" method="提交方式" name="表单名称"> 各种表单控件 </form>
4가지 일반적으로 사용되는 메소드 제출 방법:
get 一般用来查询信息 post 一般用来新增信息 put 一般用来修改信息 delete 一般用来删除信息
컨트롤 태그:
input 태그
- input 입력 의미
& lt ;input />
태그는 단일 태그입니다<input />
标签为单标签- type属性设置不同的属性值用来指定不同的控件类型
- 除了type属性还有别的属性
type="text"为普通输入框 value为里面的值 name和id会在写js的时候用
<form action="url地址" method="提交方式" name="表单名称"> <input type="text" name="" id="" value="你好"> </form>
input标签的一些属性:
checked属性只有单选框和复选框才有
属性 | 属性值 | 描述 |
---|---|---|
type | Text | 单行文本输入框 |
Password | 密码输入框 | |
Radio | 单选按钮 | |
Checkbox | 复选框 | |
Button | 普通按钮 | |
Submit | 提交按钮 | |
Reset | 重置按钮 | |
Image | 图像形式的提交按钮 | |
File | 文本域 | |
name | 空间的名称 | |
value | input控件中的默认文本值 | |
size | input控件在页面中的显示宽度 | |
checked | 定义选择空间默认被选中的项 | |
Maxlength | 控件允许输入的最多字符数 |
密码框
<input type="password" name="" id="" value="">
单选框
name相同的单选框智能选择一个
男 <input type="radio" name="gender" id="" value=""> 女 <input type="radio" name="gender" id="" value="">
复选框
多选框可以选取多个
爱好: <br> 抽烟<input type="checkbox" name="hobby" id="" value=""> 喝酒<input type="checkbox" name="hobby" id="" value=""> 烫头<input type="checkbox" name="hobby" id="" value="">
按钮
普通按钮可以根据需求来用js添加功能
提交按钮会把输入的表单信息提交到form表单的action地址
重置按钮会把表单信息重置为默认
<form action="url地址" method="提交方式" name="表单名称"> <input type="button" name="" id="" value="我是一个普通按钮"> <input type="submit" name="" id="" value="我是一个提交按钮"> <input type="reset" name="" id="" value="我是一个重置按钮"> </form>
下拉框标签
下拉框标签有点特殊,不是input的属性而是一个单独的标签
type 속성 외에도 다른 속성이 있습니다
type="text"는 일반적인 입력 상자이고 value는 그 안에 있는 값입니다. Name과 id는 js 작성 시 사용됩니다.
<select name="省市区" id=""> <option value="">山东</option> <option value="">北京</option> <option value="">江苏</option> <option value="">深圳</option> <option value="">上海</option> </select>

입력 태그의 일부 속성:
🎜🎜🎜체크된 속성에는 단일 선택 항목만 있습니다. 상자와 체크 상자에만🎜속성 | 속성 값 | 이 있습니다. >설명 |
---|---|---|
유형 | 텍스트 | 한 줄 텍스트 입력 상자 td> |
비밀번호 | 비밀번호 입력 상자 | |
🎜 | 라디오 | 라디오 버튼 |
🎜 | 체크박스 | 체크박스 | tr>
🎜 | 버튼 | 일반 버튼 |
🎜 | 제출 | 제출 버튼 |
🎜 | 재설정 | 재설정 버튼 |
🎜 | 이미지 | 이미지 형식의 제출 버튼 |
🎜 | 파일 | td>텍스트 도메인 |
이름 | 🎜 | 공간 이름 |
값 | 🎜 | 입력 컨트롤의 기본 텍스트 값 |
크기 | 🎜 | 페이지에서 입력 컨트롤의 표시 너비 |
선택됨 | 🎜 | 선택 공간에서 기본적으로 선택되는 항목 |
최대 길이 | 🎜 | 입력할 수 있는 최대 문자 수 컨트롤 |

같은 이름의 라디오 버튼 하나를 스마트하게 선택
🎜rrreee🎜
여러 확인란으로 여러 항목을 선택할 수 있습니다. 것들
🎜rrreee🎜

드롭다운 상자 레이블은 조금 특별합니다. 입력 속성이 아니라 별도의 태그 속성입니다.
🎜rrreee🎜🎜🎜🎜관련 권장사항: "🎜html 비디오 튜토리얼🎜"🎜위 내용은 html5에서 양식을 정의하는 태그는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

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

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

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

Clothoff.io
AI 옷 제거제

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

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

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

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

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

뜨거운 주제











HTML의 테이블 테두리 안내. 여기에서는 HTML의 테이블 테두리 예제를 사용하여 테이블 테두리를 정의하는 여러 가지 방법을 논의합니다.

HTML의 Nested Table에 대한 안내입니다. 여기에서는 각 예와 함께 테이블 내에 테이블을 만드는 방법을 설명합니다.

HTML 여백-왼쪽 안내. 여기에서는 HTML margin-left에 대한 간략한 개요와 코드 구현과 함께 예제를 논의합니다.

HTML 테이블 레이아웃 안내. 여기에서는 HTML 테이블 레이아웃의 값에 대해 예제 및 출력 n 세부 사항과 함께 논의합니다.

HTML 입력 자리 표시자 안내. 여기서는 코드 및 출력과 함께 HTML 입력 자리 표시자의 예를 논의합니다.

HTML에서 텍스트 이동 안내. 여기서는 Marquee 태그가 구문과 함께 작동하는 방식과 구현할 예제에 대해 소개합니다.

HTML 순서 목록에 대한 안내입니다. 여기서는 HTML Ordered 목록 및 유형에 대한 소개와 각각의 예에 대해서도 설명합니다.

HTML onclick 버튼에 대한 안내입니다. 여기에서는 각각의 소개, 작업, 예제 및 다양한 이벤트의 onclick 이벤트에 대해 설명합니다.
