📜  如何在 HTML 中创建带有自定义按钮的表单?

📅  最后修改于: 2022-05-13 01:56:32.212000             🧑  作者: Mango

如何在 HTML 中创建带有自定义按钮的表单?

HTML 表单包含其他表单元素,如文本框、复选框、单选按钮、提交按钮等等。

在创建 HTML 表单时,使用

________
标签,因为它是成对的标签,所以开始和结束标签都是必需的。其他表单元素放置在这些标签中。它可以放置在 HTML 元素的 body 标签中的任何位置。

句法:


        

两种方法可以在 HTML 文档中使用PUSH按钮创建自定义按钮。

方法1:使用文本作为按钮。按钮没有像提交和重置按钮这样的默认行为,因此该按钮需要在客户端脚本方面进行基本编码,当网站的访问者单击按钮时会执行该脚本。

句法:

) 标签。使用

标记和具有默认行为和客户行为的按钮创建一个带有基本编码的简单 HTML 表单,以便在执行客户端脚本时查看 URL 的差异。默认情况下 Form 的 Method 属性,如果未指定,则标签采用 GET 值。对于这个例子,我们使用 GET 方法,因为该方法从用户在网站上输入的 HTML 表单的字段中获取数据,执行编码,然后将表单的信息附加到 URL 的末尾。

例子:

HTML


  

    Push button

  

    

Push Button

             Username:         

           Password:

                                                 


HTML


  

    Push button

  

    

Push Button

    
        Username:         

           Password:

                                  
  


单击提交按钮时的 URL 输出

输出:单击重置按钮时

输出:单击 Text as Push Button 时

方法2:使用图像作为按钮。为了增强按钮的外观,图像可以包含在自定义按钮中。

句法:

例子:

HTML



  

    Push button

  

    

Push Button

    
        Username:         

           Password:

                                  
  

输出: