表单标签
我们经常在网站使用的登陆注册等功能就是用表单写成的,如下图这样的:
一般情况下,一个表单都三部分构成:
① 表单域:表单域相当于一个控件,用来容纳整个表单部分,如果没有表单域,表单中的数据就无法与后台服务器交互。
② 表单控件:控件是指表单的各种功能项,比如文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
③ 提示信息:是指一些提示性的文字说明,方便用户的使用。
对于上图中表单,我们将其划分成3 个部分,如下图所示:
下面来看一些常用的表单控件。
input 控件
input 控件用<input />
标签表示,它是一个单标签,input 标签有很多属性,如下图所示:
其中最为重要的是type 属性,用于指定不同的控件类型,下面我们一一来看,代码中有注释说明:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单input 控件演示</title>
</head>
<!-- type=text 这是一个文本框
size 属性是文本框的长度
value 是文本框中的默认值 -->
用户名:<input type="text" size="20" value="abc" /> <br /> <br />
<!-- type=password 这是一个密码框
maxlength 是文本框中能输入的字符的最大长度-->
密 码:<input type="password" size="21" value="123" maxlength="6" /> <br /> <br />
<!-- input 控件的下面这种写法实际上两组控件,
这种情况下男女两个选框可以同时选择,这一般不是我们想要的效果 -->
性别1:<input type