html5 정의 양식의 태그는 "
". 양식에는 입력, 선택 및 텍스트 영역과 같은 하나 이상의 양식 요소가 포함될 수 있습니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
HTML5 정의 양식의 태그는 "
form 태그는 사용자 정보를 수집하고 전송하기 위한 사용자 입력용 HTML 양식(양식 필드)을 생성하는 데 사용됩니다.
양식 양식 필드에는 , 과 같은 컨트롤 레이블(텍스트 필드, 확인란, 라디오 상자, 제출 버튼 등)이 포함될 수 있습니다. ; 및 기타 태그.
<form action="提交地址" method="提交方式" name="表单名称"> 各种表单控件 </form>
4가지 일반적으로 사용되는 메소드 제출 방법:
get 一般用来查询信息 post 一般用来新增信息 put 一般用来修改信息 delete 一般用来删除信息
& lt ;input />
태그는 단일 태그입니다<input />
标签为单标签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🎜🎜🎜🎜checkbox🎜🎜🎜여러 확인란으로 여러 항목을 선택할 수 있습니다. 것들
🎜rrreee🎜🎜🎜🎜Button🎜 🎜🎜필요에 따라 js를 사용하여 일반 버튼을 추가할 수 있습니다. 🎜🎜제출 버튼을 누르면 입력된 양식 정보가 해당 양식의 작업 주소로 제출됩니다. 🎜🎜재설정 버튼을 누르면 양식 정보가 기본값으로 재설정됩니다🎜rrreee🎜🎜🎜🎜드롭다운 상자 라벨🎜🎜🎜드롭다운 상자 레이블은 조금 특별합니다. 입력 속성이 아니라 별도의 태그 속성입니다.
🎜rrreee🎜🎜🎜🎜관련 권장사항: "🎜html 비디오 튜토리얼🎜"🎜위 내용은 html5에서 양식을 정의하는 태그는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!