在HTML中表单由表单控件(也称为表单元素)、提示信息和表单域3个部分构成

zhushican 1年前 (2022-11-02) 六六互联 712 0

word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">在HTML中表单由表单控件(也称为表单元素)、提示信息和表单域3个部分构成

word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微软雅黑, 黑体, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">1.表单的构成

HTML中,一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域3个部分构成,如图2-33所示,即为一个简单的HTML表单界面及其构成。

在HTML中表单由表单控件(也称为表单元素)、提示信息和表单域3个部分构成

                             图2-33  表单的构成

对于表单构成中的表单控件、提示信息和表单域,初学者可能比较难理解,对它们的具体解释如下:

(1)表单域:它相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过它定义处理表单数据所用程序的url地址,以及数据提交到服务器方法。如果不定义表单域,表单中的数据就无法传送到后台服务器

(2)提示信息:一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。

(3)表单控件:表单控件元素用于收集用户输入的信息,包括input元素、select元素、detalist元素、textarea元素,包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

2.创建表单

通过认识表单,我们知道要想让表单中的数据传送给后台服务器,就必须定义表单域。在HTML中,<form></form>标记被用于定义表单域,即创建一个表单,以实现用户信息的收集和传递,<form> </form>中的所有内容都会被提交给服务器。创建表单的基本语法格式如下:

 

<form action="url地址" method="提交方式" name="表单名称">

 

    各种表单控件

 

</form>

 

下面通过一个案例来演示表单的创建,如例2-33所示。

例2-33  example33.html

 

<!doctype     html>
 <html >
 <head>
     <meta  charset="utf-8">
     <title>
创建表单</title>
 </head>
 <body>
    <form  action="http://www.mysite.cn/index.asp"   method="post">  
 <!--表单域-->

          账号: <!--提示信息-- >                                           
    <input type="text"  name="zhanghao" />    <!--表单控件-- >                       
            密码:<!--提示信息--> 

         <input  type="password"    name="mima" />  <!--表单控件-- > 

        <input  type="submit"    value="提交"/>   <!--表单控件-->

</form>

</body>
 </html>

在HTML中表单由表单控件(也称为表单元素)、提示信息和表单域3个部分构成

图2-34  创建表单