Form的属性method属性:规定用于发送 form-data 的 HTTP 方法。实际上就是请求的方式。  name属性:表单的名称。  action属性:指定表单请求的路径  target属性:指定action的Url在哪里打开method属性form表单是的HTML中常用的标签。主要用来提交参数与后台数据进行交互。提交表单的方式有两种(主要通过method属性控制):①GET方式:最常见的            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-20 16:40:34
                            
                                34阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 理解 JavaScript 表单的 `target` 属性
在网页开发中,表单是获取用户输入的重要工具。当我们提交表单时,通常会指定一个目标(`target`),使得表单数据能够以预期的方式传输和显示。在这篇文章中,我们将讨论如何实现 JavaScript 表单的 `target` 属性。
## 整体流程
要实现表单的 `target` 属性,我们可以归纳出一个简单的流程:
| 步骤            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-09-10 05:15:29
                            
                                148阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>51CTO</title> 
</head>
<body>
<a href="https://blog.51cto.com/" target="_blank">访问51            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-07-20 17:03:13
                            
                                73阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            网页不可能是纯静态的,没有任何的交互功能;绝大多数的网站都有表单元素的使用。表单提供了一个浏览者和网站交互的途径,比如用户注册登录,用户留言等功能。formform元素只是一个数据获取元素的容器,而容器内的元素称为表单控件。让表单数据能够提交,可以将表单元素包裹在<form>之中,最常用的表单控件是input元素。form元素为块级元素。form的主要属性name属性:指定表单的名称。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-14 22:56:24
                            
                                83阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            HTML  元素,已设置所有可能的属性,是这样的:<form action="action_page.php" method="G            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-11-07 17:54:45
                            
                                34阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            [HTML <form> novalidate 属性
  HTML <form> 标签实例当提交表单时不对表单数据(输入)进行验证:<form action="demo_form.html" novalidate>  E-mail: <input type="email" name="user_email">  <input type="sub            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-07-12 10:03:00
                            
                                151阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            [HTML form 属性 HTML 标签实例位于 form 表单外的 元素(但仍然属于 form 表单的一部分): First name: 浏览器支持几乎没有主流浏览器支持 标签的 form 属性。定义和用法form 属性规定 元素所属的一个或多个表单。HTML 4.01 与 HTML5之间的差异 标签是 HTML5 中的新标签。语法 属性值值描述form_id规定 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-07-11 10:53:00
                            
                                190阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            [HTML <form> autocomplete 属性
  HTML <form> 标签实例启用自动完成功能的表单:<form action="demo_form.html" method="get" autocomplete="on">  First name:<input type="text" name="fname"><br>            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-07-05 12:02:00
                            
                                92阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            一.什么是< form>表单格式:First name: Last name: 作用:  form表单一般用来收集用户的信息,并把信息传送到后台。注意点:1.在浏览器中所有表单标签都有特殊的外观和默认功能格式。2.表单能够包含input标签,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含非input 标签 menus textarea            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-16 05:01:16
                            
                                204阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            [Base target 属性
 Base 对象定义和用法target 属性可设置或返回基础元素中 target 属性的值。
target 属性指定了页面中在何处打开所有链接。语法baseObject.target=valuetarget 属性可以是以下的一个值:值描述_blank在新窗口打开链接_self在同一个框架(默认)中打开链接。_parent在父框架中打开链接_top在窗口文档中打开链接            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-07-09 10:26:00
                            
                                113阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            表单HTML 表单用于搜集不同类型的用户输入。 ㈠Form标签⑴form标签简介在HTML中,如果创建一个表单,就把各种表单标签放在<form></form>标签内部。我们常说的表单,指的是文本框,按钮,下拉列表等的统称。form一共有五个重要属性,分别是name,action,method,enctype和target属性。语法:<form>表单各种            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-05 15:57:58
                            
                                135阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            九个简单实例为大家分析了HTML表单form的使用方法,供大家参考,具体内容如下1 form表单标签网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。语法:• :标签是成对出现的,以开始,以结束。  •action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。•metho            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-18 14:49:54
                            
                                66阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            target:指定公开赛, action URL。关键点:让target指向隐藏的iframedemo:form.jspInsert title hereid:id值:handler.jsp            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-12-15 12:50:00
                            
                                79阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            [Password form 属性
 Password 对象定义和用法form 属性可返回对包含该密码域的表单的引用。
该属性将返回一个表单对象。语法passwordObject.form浏览器支持所有主要浏览器都支持 form 属性实例实例下面的例子取得了该密码域所属的表单的 id:<!DOCTYPE html><html><head><meta cha            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-07-09 11:34:00
                            
                                103阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            # HTML5 表单属性简介
HTML5 为表单元素引入了许多新属性,这些属性帮助开发者更简单、更高效地构建用户友好的界面。通过合理利用这些属性,可以提升用户体验,确保数据的有效性及安全性。本文将介绍一些常用的 HTML5 表单属性,并通过代码示例加以说明。
## 1. 表单属性概述
HTML5 表单的几个主要属性包括:
- `required`
- `placeholder`
- `typ            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-24 03:54:39
                            
                                30阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html>
 <html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body> 1.lable标签的for form 属性所有主流浏览器都支持 <label> 标签。<form>
 <            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-09 07:59:23
                            
                                58阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             1.      新增表单元素1)         email:email类型的输入框,在提交表单时,会验证输入的email是否为合法的email格式,多数浏览器还不能对email做出完美的判断,仅能判断是否有@符号,以及@符号前后是否有字            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-28 11:19:04
                            
                                31阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            html5中新增两个表单属性,分别autocomplete和novalidate属性1.autocomplete属性   该属性用于控制自动完成功能的开启和关闭。可以设置表单或者input元素,有两个属性值,当设置为on时,启动该功能;当设置off时,关闭该功能。启用该功能后,当用户在自动完成域开始输入时,浏览器就会在该域中显示填写的选项。用户每提交一次,就会增加一个用于选择的            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-08 14:00:57
                            
                                121阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            超级链接a的target属性已经是不被新规范支持了,其值有四个保留字: 1._blank <a href="document.html" target="_blank">my document</a> 浏览器会另开一个新窗口显示document.html文档 2._parent <a href="d            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-06-10 21:42:00
                            
                                883阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.定义和用法target 属性规定在何处打开页面上的所有链接。<head><base target="_blank" /></head>属性值值描述_blank在新窗口中打开被链接文档。_self默认。在相同的框架中打开被链接文档。_parent在父框架集中打开被链接文档。_top在整个窗口中打开被链接文档。framename在指定的框架中打开被链接文档。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-11-23 09:33:00
                            
                                353阅读
                            
                                                                                    
                                2评论