목차
html5 form
컨트롤 태그:
input 태그
密码框
单选框
复选框
按钮
下拉框标签
웹 프론트엔드 프런트엔드 Q&A html5에서 양식을 정의하는 태그는 무엇입니까?

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

Jul 26, 2022 pm 04:26 PM
html5 양식 태그 form

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

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

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

HTML의 중첩 테이블 HTML의 중첩 테이블 Sep 04, 2024 pm 04:49 PM

HTML의 중첩 테이블

HTML의 테이블 테두리 HTML의 테이블 테두리 Sep 04, 2024 pm 04:49 PM

HTML의 테이블 테두리

HTML 여백-왼쪽 HTML 여백-왼쪽 Sep 04, 2024 pm 04:48 PM

HTML 여백-왼쪽

HTML 테이블 레이아웃 HTML 테이블 레이아웃 Sep 04, 2024 pm 04:54 PM

HTML 테이블 레이아웃

HTML에서 텍스트 이동 HTML에서 텍스트 이동 Sep 04, 2024 pm 04:45 PM

HTML에서 텍스트 이동

HTML 정렬 목록 HTML 정렬 목록 Sep 04, 2024 pm 04:43 PM

HTML 정렬 목록

HTML 온클릭 버튼 HTML 온클릭 버튼 Sep 04, 2024 pm 04:49 PM

HTML 온클릭 버튼

HTML 입력 자리 표시자 HTML 입력 자리 표시자 Sep 04, 2024 pm 04:54 PM

HTML 입력 자리 표시자

See all articles