html学习笔记之一：表单控件

来源：互联网发布：网易云音乐数据库编辑：程序博客网时间：2024/06/01 20:48

一、表单元素<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>:创建多行文本的输入控件

阅读全文

1 0