cari

Rumah >hujung hadapan web >tutorial js >html表单标签是什么？html中的form标签使用方法

html表单标签是什么？html中的form标签使用方法

云罗郡主
云罗郡主asal
2018-11-09 14:26:226296semak imbas

在html中，很多人都会遇到表单，但是也有很多人不知道html表单标签是什么？现在很多网站都会用到表单，特别是一些医疗网站，可以收集一些用户的信息，那么，接下来，我们就来讲述一下html中的form标签使用方法。

一：html表单标签是什么

创建一个表单其实和表格差不多，一般情况下，表格的行和列都是可以放在f5d188ed2c074f8b944552db028f98a1,而创建的表单是放在ff9c23ada1bcecdd1a0fb5d5a0f18437之前的。目前，表单是拥有新的表单不同类型的输入，其实也是更多的去控制和进行验证，用户可以在选框和下单框进行输入信息。

语法：ff9c23ada1bcecdd1a0fb5d5a0f184370f0306f9b187f2e363126bc29c8b1420f5a47148e367a6035fd7a2faa965022e

其中Input有很多类型，都是可以满足用户的使用的需求，例如：

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>表单form标签</title>
</head>
<body>
    <form>
        <input type="text" value="这是一个文本框"/><br/>
        <textarea></textarea><br/>
        <select>
            <option>HTML</option>
            <option>CSS</option>
            <option>JavaScript</option>
        </select>
    </form>
</body>
</html>

显示效果如下：

微信截图_20181109100828.png

二：html中的form标签使用方法

在表单中，表单标签有好几个属性，其中就包括了action、method、enctype和target，但是在实际操作中，我们很多使用这些，因为这些使用都不是广泛。

1.表单名称name

很多程序员在制作网站的时候，可能与遇到一个页面上 有两个或者三个表单，为了我们区分这些表单，我们可以使用表单名称name来命名进行命名表单，前面命名的名字不能出现空格等一些特殊符号，表单的命名也是也便于程序员修改，也防止用户提交表单出现混乱。

表单名称name语法：

<form name="php1">
……
</form>

其中php1就是表单的命名。

2.action

在表单中，我们使用action来进行表单的提交，可以提交到地址中进行处理。【推荐阅读：提交表单：js中form表单是如何提交的】

action语法：

<form  action="表单的处理程序">
……
</form>

表单处理的程序是根据用户提交的地址，这个程序也是用于对表单的信息的搜集，提交的地址可以是相对的，也可以是绝对的，也可以是其他形式的地址。

3.传送method方法

method是告诉浏览器指定将表单中，使用哪一个提交方式，method的取值有两种，一种是get，另外一种就是post。get的默认值是数据传送到指定链接，然后这个url是送到程序上进行处理。get属性值是被包含在主体中，然后再去送到程序上进行处理。

4.target的目标显示方法

表单中的target和a标签属性一样，都是表示在指定窗口中打开，然而target的默认值_self和新窗口打开，其他两种用的都是很少的。

以上就是对html表单标签是什么？html中的form标签使用方法的全部介绍，如果你想了解更多有关JavaScript教程，请关注php中文网。


Atas ialah kandungan terperinci html表单标签是什么？html中的form标签使用方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

php JavaScript html JS input table
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：js try ... catch语法结构有什么用？try ... catch详解Artikel seterusnya：css+js实现垂直旋转切换的幻灯片动画效果（附代码）

Artikel berkaitan

Lihat lagi