Apakah kegunaan teg from dalam html

Dalam HTML, teg from digunakan untuk membuat borang HTML (medan borang) untuk input pengguna untuk mengumpul dan memindahkan maklumat pengguna Semua kandungan dalam borang akan diserahkan kepada pelayan. form action="Submit address" method="Submit method" name="Borang nama">Borang kawalan". Borang boleh mengandungi satu atau lebih elemen borang, seperti input, pilih dan textarea.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

teg borang HTML5

Fungsi: Teg borang digunakan untuk mencipta borang HTML (medan borang) untuk input pengguna bagi merealisasikan pengumpulan dan penghantaran maklumat pengguna. Dalam borang Semua kandungan akan diserahkan kepada pelayan.

Medan borang boleh mengandungi pelbagai kawalan interaktif - label kawalan (medan teks, kotak semak, kotak radio, butang hantar, dll.), seperti

Format sintaks tag

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

• nama: Namakan sahaja borang untuk penggunaan teknologi js.

• tindakan: Tetapkan fail mana data borang diserahkan, digunakan untuk teknologi back-end (seperti php) untuk menerima dan memproses data

• kaedah : Tetapkan kaedah penyerahan data, yang digunakan untuk memilih kaedah penyerahan (penghantaran) yang sesuai mengikut keperluan data yang berbeza

Terdapat empat kaedah penyerahan kaedah yang biasa digunakan:

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

Perbezaan antara siaran dan dapatkan:

• Kaedah penyerahan data, get boleh melihat URL data yang diserahkan, tetapi siaran tidak dapat melihatnya

< . secara teori
dapatkan penyerahan Data dalam sejarah penyemak imbas tidak selamat
• Borang lengkap mengandungi tiga komponen asas:
  Teg borang, medan borang , butang borang.

1. Teg borang merujuk kepada teg borang itu sendiri, iaitu kawasan yang mengandungi unsur bentuk, menggunakan takrifan 2

digunakan untuk mengumpulkan setiap item input pengguna dalam teg Ia biasanya ditakrifkan oleh teg input Terdapat jenis teg input yang berbeza, sepadan dengan data pengguna yang berbeza. (Contohnya: medan teks, senarai juntai bawah, kotak radio, kotak semak, dll.)

3. Butang borang

digunakan untuk menyerahkan semua maklumat dalam borang kepada pelayan

Kotak teks baris tunggal

Kotak kata laluan

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

Butang radio

<input type="text" >默认值是type="text"

Kotak semak

<input type="password"/>

Medan tersembunyi

<input type="radio" name=""/>

Muat naik fail

<input type="checkbox"/>

Kotak lungsur

<input type="hidden"/>

Teks berbilang baris

<input type="file"/>

Butang serah

<select>标签

Butang biasa

<textarea></textarea>

Butang set semula

<input type="submit"/>

Label kawalan: <input type="button"/>

<input type="reset"/>

Teg input

Maksud input input

teg ialah tag tunggal

atribut jenis menetapkan nilai atribut yang berbeza ​​untuk menentukan jenis Kawalan yang berbeza

• Selain atribut jenis, terdapat atribut lain
• <input />

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

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

属性	属性值	描述
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前端入门）

Atas ialah kandungan terperinci Apakah kegunaan teg from dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!