html5에서 양식을 정의하는 태그는 무엇입니까?

青灯夜游
풀어 주다: 2022-07-26 16:26:14
원래의
5564명이 탐색했습니다.

html5 정의 양식의 태그는 "

"입니다. 양식 태그는 사용자 정보를 수집하고 전송하기 위한 사용자 입력용 HTML 양식(양식 필드)을 생성하는 데 사용됩니다. 양식의 모든 콘텐츠는 "
양식 제어
". 양식에는 입력, 선택 및 텍스트 영역과 같은 하나 이상의 양식 요소가 포함될 수 있습니다.

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>
로그인 후 복사

html5에서 양식을 정의하는 태그는 무엇입니까?

input标签的一些属性:

checked属性只有单选框和复选框才有

属性属性值描述
typeText单行文本输入框

Password密码输入框

Radio单选按钮

Checkbox复选框

Button普通按钮

Submit提交按钮

Reset重置按钮

Image图像形式的提交按钮

File文本域
name
空间的名称
value
input控件中的默认文本值
size
input控件在页面中的显示宽度
checked
定义选择空间默认被选中的项
Maxlength
控件允许输入的最多字符数

密码框

<input type="password" name="" id="" value="">
로그인 후 복사

html5에서 양식을 정의하는 태그는 무엇입니까?

单选框

name相同的单选框智能选择一个

        男 <input type="radio" name="gender" id="" value=""> 
        女 <input type="radio" name="gender" id="" value="">
로그인 후 복사

html5에서 양식을 정의하는 태그는 무엇입니까?

复选框

多选框可以选取多个

        爱好: <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>
로그인 후 복사

html5에서 양식을 정의하는 태그는 무엇입니까?

下拉框标签

下拉框标签有点特殊,不是input的属性而是一个单独的标签

type 속성은 다양한 속성 값을 설정하여 다양한 컨트롤 유형을 지정합니다

html5에서 양식을 정의하는 태그는 무엇입니까?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>
로그인 후 복사
🎜여기에 이미지 설명 삽입🎜🎜🎜입력 태그의 일부 속성:🎜🎜🎜체크된 속성에는 단일 선택 항목만 있습니다. 상자와 체크 상자에만🎜이 있습니다. >🎜 tr> td>
속성 속성 값설명
유형 텍스트 한 줄 텍스트 입력 상자 td>
비밀번호 비밀번호 입력 상자
🎜 라디오 라디오 버튼
🎜 체크박스 체크박스
🎜 버튼 일반 버튼
🎜 제출 제출 버튼
🎜 재설정 재설정 버튼
🎜 이미지 이미지 형식의 제출 버튼
🎜 파일텍스트 도메인
이름 🎜 공간 이름
🎜 입력 컨트롤의 기본 텍스트 값
크기 🎜 페이지에서 입력 컨트롤의 표시 너비
선택됨 🎜 선택 공간에서 기본적으로 선택되는 항목
최대 길이 🎜 입력할 수 있는 최대 문자 수 컨트롤
🎜🎜비밀번호 상자🎜🎜rrreee🎜여기에 이미지 설명 삽입 🎜🎜🎜라디오 버튼🎜🎜🎜같은 이름의 라디오 버튼 하나를 스마트하게 선택🎜rrreee🎜여기에 이미지 설명 삽입🎜🎜🎜checkbox🎜🎜🎜여러 확인란으로 여러 항목을 선택할 수 있습니다. 것들🎜rrreee🎜🎜🎜🎜Button🎜 🎜🎜필요에 따라 js를 사용하여 일반 버튼을 추가할 수 있습니다. 🎜🎜제출 버튼을 누르면 입력된 양식 정보가 해당 양식의 작업 주소로 제출됩니다. 🎜🎜재설정 버튼을 누르면 양식 정보가 기본값으로 재설정됩니다🎜rrreee🎜여기에 이미지 설명 삽입🎜🎜🎜드롭다운 상자 라벨🎜🎜🎜드롭다운 상자 레이블은 조금 특별합니다. 입력 속성이 아니라 별도의 태그 속성입니다.🎜rrreee🎜🎜🎜🎜관련 권장사항: "🎜html 비디오 튜토리얼🎜"🎜

위 내용은 html5에서 양식을 정의하는 태그는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿