html5에서 양식을 정의하는 태그는 무엇입니까?
Jul 26, 2022 pm 04:26 PM
html5
양식 태그
form
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

인기 기사
Repo : 팀원을 부활시키는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
헬로 키티 아일랜드 어드벤처 : 거대한 씨앗을 얻는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
스플릿 소설을이기는 데 얼마나 걸립니까?
3 몇 주 전
By DDD

인기 기사
Repo : 팀원을 부활시키는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
헬로 키티 아일랜드 어드벤처 : 거대한 씨앗을 얻는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
스플릿 소설을이기는 데 얼마나 걸립니까?
3 몇 주 전
By DDD

뜨거운 기사 태그

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

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

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

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

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

뜨거운 주제
Gmail 이메일의 로그인 입구는 어디에 있나요?
7304
9


자바 튜토리얼
1622
14


Cakephp 튜토리얼
1344
46


라라벨 튜토리얼
1259
25


PHP 튜토리얼
1207
29

