HTML에서 from 태그를 사용하는 방법은 무엇입니까?

HTML에서 from 태그는 사용자 정보를 수집하고 전송하기 위한 사용자 입력용 HTML 양식(양식 필드)을 만드는 데 사용됩니다. 양식의 모든 콘텐츠는 "

양식 제어

". 양식에는 입력, 선택 및 텍스트 영역과 같은 하나 이상의 양식 요소가 포함될 수 있습니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

html5 양식 태그

기능: 양식 태그는 사용자 정보를 수집하고 전송하기 위한 사용자 입력용 HTML 양식(양식 필드)을 생성하는 데 사용됩니다.

양식 양식 필드에는 , 과 같은 컨트롤 레이블(텍스트 필드, 확인란, 라디오 상자, 제출 버튼 등)이 포함될 수 있습니다. ; 및 기타 태그.

태그 구문 형식

<form action="提交地址" method="提交方式" name="表单名称">
  各种表单控件
</form>

• name: js 기술 사용을 위한 양식 이름을 지정하세요.

• action: 데이터를 승인하고 처리하기 위해 백엔드 기술(예: PHP)에서 사용되는 양식 데이터가 제출되는 파일을 설정합니다.

• method: 사용되는 데이터 제출 방법을 설정합니다. 다양한 데이터 요구 사항에 따라 선택 적절한 제출(전송) 방법

방법 일반적으로 사용되는 제출 방법 4가지:

get    		一般用来查询信息
post		一般用来新增信息
put      	一般用来修改信息
delete		一般用来删除信息

post와 get의 차이점:

• 데이터 제출 방법, get은 제출된 데이터 URL을 볼 수 있지만, post는 볼 수 없습니다

• get은 일반적으로 적은 양의 데이터를 제출하는 데 사용되며 post는 대량의 데이터를 제출하는 데 사용됩니다

• get은 최대 1K 데이터까지 제출할 수 있으며 post는 이론상 제한이 없습니다.

• get으로 제출된 데이터는 브라우저 기록에 있으며 안전하지 않습니다. 양호

완전한 양식에는 세 가지 기본 구성 요소가 포함됩니다. 양식 레이블, 양식 필드 및 양식 버튼.

1. 양식 태그

는 양식 요소를 포함하는 영역인 양식 태그 자체를 의미하며,

2. 양식 필드

는 태그에서 사용자 입력을 수집하는 데 사용되는 각 항목으로, 일반적으로 입력 태그입니다. 정의되어 있으며 입력 태그에는 다양한 사용자 데이터에 해당하는 다양한 유형이 있습니다. (예: 텍스트 필드, 드롭다운 목록, 라디오 상자, 확인란 등)

3. 양식 버튼

은 양식의 모든 정보를 서버에 제출하는 데 사용됩니다.

*表单域和表单按钮都属于表单元素。

한 줄 텍스트 상자 <input type ="text" >기본값은 type="text"입니다.<input type="text" >默认值是type="text"

密码框<input type="password"/>　

单选按钮<input type="radio" name=""/>

复选框<input type="checkbox"/>

隐藏域<input type="hidden"/>

文件上传<input type="file"/>

下拉框<select>标签

多行文本<textarea></textarea>

提交按钮<input type="submit"/>

普通按钮<input type="button"/>

重置按钮<input type="reset"/>

控件标签：

input标签

• input 输入的意思
• <input />标签为单标签
• type属性设置不同的属性值用来指定不同的控件类型
• 除了type属性还有别的属性

type="text"为普通输入框 value为里面的值 name和id会在写js的时候用

    <form action="url地址" method="提交方式" name="表单名称">
        <input type="text" name="" id="" value="你好">
    </form>

input标签的一些属性:

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

비밀번호 상자<input type="password"/>　🎜🎜 라디오 버튼< input type="radio" name=""/>🎜🎜checkbox<input type="checkbox"/>🎜🎜숨겨진 필드< code><input type="hidden"/>🎜🎜파일 업로드<input type="file"/>🎜🎜드롭다운 상자< 선택>태그 🎜🎜여러 줄 텍스트<textarea></textarea>🎜🎜제출 버튼<input type="submit"/>🎜🎜일반 버튼 <input type="button"/>🎜🎜재설정 버튼<input type="reset"/>🎜🎜🎜컨트롤 라벨 : 🎜
🎜

🎜input tag🎜

🎜input은 input을 의미합니다🎜🎜<input />태그는 단일 태그입니다🎜🎜type 속성 다양한 컨트롤 유형을 지정하기 위해 다양한 속성 값을 설정합니다🎜🎜type 속성 외에도 다른 속성이 있습니다🎜🎜🎜🎜type="text"는 일반 입력 상자이고 value는 내부 값입니다. 이름과 ID는 js 작성 시 사용됩니다.🎜 🎜

<input type="password" name="" id="" value="">

🎜🎜🎜🎜입력 태그의 일부 속성:🎜🎜🎜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的属性而是一个单独的标签

        <select name="省市区" id="">
            <option value="">山东</option>
            <option value="">北京</option>
            <option value="">江苏</option>
            <option value="">深圳</option>
            <option value="">上海</option>
        </select>



（学习视频分享：web前端入门）

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