HTML 表单标记1

文章目录

• 前言
• 一、p
  ...
  表单标记
• 二、表单输入标记
• 三、....下拉列表

---

前言

在登陆页面中网站会提供给用户用户名和密码框，以供访客输入信息。这里的用户名文本框与密码文本框就属于HTML中的表单元素。表单在HTML中起着非常重要的作用，是用户与网页交互信息的重要手段。

一、

.....

表单标记

表单标记以

标记开头，以

标记结束。在表单标记中可以定义处理表单数据程序的URL地址等信息。

标记的基本语法如下：

......

标记各属性说明如下。

• action属性

该属性用来指定处理表单数据程序的URL地址。

• method属性

该属性用来指定数据传送到服务器的方式。它有两种属性值，即get与post。get属性值表示将输入的数据追加到action指定的地址后面，并传送到服务器。当属性值为post时，会将输入的数据按照HTTP协议中的post传输方式传送到服务器。

• name属性

该属性用于指定表单的名称，程序员可以自定义其值。

• onSubmit属性

该属性用于指定当前用户单击提交按钮时触发的事件。

• target属性

该属性指定输入数据结果显示在哪个窗口中，其属性值可以设置为_blank,_self,_parent和_top。其中，_blank表示在新窗口中打开目标文件；_self表示在同一个窗口中打开，该项一般不用设置；_parent表示在上一级窗口中打开，一般使用框架页时经常使用；_top表示在浏览器的整个窗口中打开，忽略任何框架。

下面例子为创建表单，设置表单名称为form，当用户提交表单时，提交至action.html页面进行

【例1】定义表单元素

二、表单输入标记

表单输入标记是使用最频繁的表单标记，通过这个标记可以向页面中添加单行文本、多行文本、按钮等。标记的语法格式如下：

alt="" name="" value="">

标记的属性如表1所示。

表1标记的属性

 type属性是标记中非常重要的内容，决定了输入数据的类型。该属性值的可选项如表2所示。

表2 type属性的属性值

 【例2】在该文件中首先应用

标记添加一个表单，将表单的action属性设置为demo1.jsp，method属性设置为post，然后应用标记添加获取用户名和的文本框、获取密码的密码域、选择性别的单选按钮、选择爱好的复选框、提交按钮、重置按钮。代码如下：

    
        
    
    
        
            输入账号(文本框):

            输入密码(密码框):

            选择性别(单选按钮):男 女

            选择爱好(单选按钮):
            唱歌 
            跳舞 
            打球 
            打游戏

            填写个人简介：

            选择家乡(下拉列表):

            
                上海
                北京
                深圳
            
            




            
            
        
    

页面运行结果如图：

三、....下拉列表框标记

标记可以在页面中创建下拉列表，此时的下拉列表框是一个空的列表，要使用标记向列表中添加内容。标记的语法格式如下：

....

标记的属性如表3所示。

表3 标记的属性

 【例3】在页面中应用标记和标记下拉列表框和多行下拉列表框。代码如下：

    
        
    
    
        

            下拉列表框：
            

上海 北京 深圳  多行列表框（不可多选）： 数码相机区 摄影器材 MP3/MP4/MP5 U盘、移动硬盘  多行列表框（可多选）： 数码相机区 摄影器材 MP3/MP4/MP5 U盘、移动硬盘





页面运行效果如图：
剩余内容在HTML 表单标记2