您的位置：首页 > Web前端 > HTML

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

2017-07-13 16:53 399 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航