html学习笔记之一：表单控件_表单控件是表单的核心html提供了一系列的表单控件input控件为单标记其类型属-CSDN博客

本文链接：https://blog.csdn.net/u012666357/article/details/75083264

一、表单元素<form></form>

主要属性

1）action ：属性值是URL，规定当提交表单时应该思想何处提交数据，为空时表示在当前页面操作；

2）method ：表单数据的提交方式，规定用何种方式将表单数据提交到action属性指定的页面；

包括post和get两种，分别对应php中$_POST和$_GET两个函数

post和get区别在于：get数据量小于1024KB，且表单提交时会在地址域显示表单数据域的数值；而post不受数据量的限制，且不会在地址栏显示表单域数据，一般在开发中较多采用

对于post传值方法，分为单值传递和多值传递，如下：

单值传递：

<html>

<head>

</head>

<body>

<form action="" method="post">

<input type="text" name="test" />

<?php>

echo "$_Post['test']";  //获取文本框中的值，并且在当前页中显示

?>

</body>

</html>

多值传递：通过name设置的数组进行传值

<html>
<head>
</head>
<body>
<form action="" method="post">  //action为空表示，在当前页面处理
<input type="checkbox" name="sports[]" value="篮球">篮球
<input type="checkbox" name="sports[]" value="足球">足球
<input type="checkbox" name="sports[]" value="乒乓球">兵乓球
<input type="submit" name="sumbit1" value="提交">
</form>
<?php 
if(isset($_POST['sumbit1'])) //issset()函数的作用是：判断提交按钮是否单击，即是否已提交
{
    echo "<br />\n";
    echo "你选择的运动是：<br />\n";
    foreach ($_POST['sports'] as $sports)//
    {
        echo "$sports";
        echo "<br />\n";
    }    
}
?>
</body>
</html>

3）enctype ：表单数据的编码方式；

4）name ：表单名称

二、表单控件

1.<input> 单标记，用于记录用户信息，主要属性包括：1）type:指定不同的输入类型，创建不同的输入字段；2）value:控件的值；3) name:控件的名称

2.<label></label> 将文本和控件关联到一起，单击文本和单击控件一致

3.<select></select> :创建选项框，使用<option></option>创建其中的每一个选项

4.<textarea></textarea>:创建多行文本的输入控件