form表单简单用法

最新推荐文章于 2022-02-15 16:13:24 发布
最新推荐文章于 2022-02-15 16:13:24 发布
阅读量398 收藏 1
点赞数
分类专栏： html form 文章标签： script html form
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_20461915/article/details/51801899
版权 
<pre name="code" class="html">我自己在学习的时候总是混淆表格<table></table>和表单<form></form>的用法
在table里面是通过border来设置边框的，而在form里面设置边框用的是fielsset
看下面程序的运行效果：

 

</pre><pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>fieldset标签</title>
</head>

<body>
<form>
	<fieldset>
    	<legend>用户信息</legend>
        	姓名：<input type="text"/>
        	年龄：<input type="text"/><br />
        	手机：<input type="text"/>
       		邮箱：<input type="text"/><br />
    </fieldset>
</form>
</body>
</html>

 

运行效果：
 


 

                

        

        

    




    

      

        

            

              
                
                  qq_20461915
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
Python中form的使用

				
			

			

				

					weixin_45414731的博客
				

				

					09-11
					
					5185
					
				

			

		

		

			
				
文章目录form的主要作用：1.在model里创建一些数据类型2.在model.py同级目录下新建forms.py3.在view视图中 ，做表单验证4.在html页面，代码超简单，这点django做的不错
form的主要作用：
1.在html中生成表单框架，2.验证数据
https://www.cnblogs.com/zongfa/p/7709639.html
1.在model里创建一些数据类型
...

			
		

	



                

              
                



	

		

			

				
					
Yii框架form表单用法实例

				
			

			

				

					10-25
				

			

		

		

			
				
主要介绍了Yii框架form表单用法,实例分析了Yii中form表单的实现方法与相关技巧,非常具有实用价值,需要的朋友可以参考下

			
		

	



                


  
              

                


	

		

			

				
					
form表单的怎么用？

				
			

			

				

					旺仔牛奶的博客
				

				

					09-16
					
					734
					
				

			

		

		

			
				
form表单：
action：属性规定当提交表单时，向何处发送表单数据。
type： 属性规定 input 元素的类型。
value： 属性为 input 元素设定值。
对于不同的输入类型，value 属性的用法也不同：
1.type=“button”, “reset”, “submit” - 定义按钮上的显示的文本
2.type=“text”, “password”, “hidden” - 定义输入字段的初始值
3.type=“checkbox”, “radio”, “image” - 定义与输入相关联的

			
		

	





	

		

			

				
					
form表单的用法

				
			

			

				

					qq_41833165的博客
				

				

					05-17
					
					648
					
				

			

		

		

			
				
1.form表单的使用（1）method·使用get方式提交会在地址栏显示提交的值，这也造成了get方式提交数据大小的显示，而且因为显示在地址栏，也会造成安全隐患。（2）action提交到某个地址。注意get和post的区别。注册按钮也可以设置成图片用以点击提交...

			
		

	



		

			
		



	

		

			

				
					
form表单的简单实用

				
			

			

				

					qq_46274533的博客
				

				

					07-07
					
					139
					
				

			

		

		

			
				
在HTML中如果使用表单情况，
需要加上括起来，以下是配合一些其他标签来更美观的完成表单。
<label>加强鼠标点击范围，实用案例：<label for="name">姓名：></label><input type="text" id="name">;<label for="password">密码:</label><input type="text" id="password">。
*单选表单
*<span&

			
		

	





	

		

			

				
					
form表单的基本使用

				
			

			

				

					weixin_51810350的博客
				

				

					02-15
					
					2022
					
				

			

		

		

			
				
form 标签的属性

1.action属性的值应该是后端提供的一个url地址 ,这个url地址专门负责接收表单提交过来的数据

当<form>表达在未指定action属性值的情况下 ,action的默认值为当前页面的url地址

注意:当提交表单后，页面会立即跳转到action属性指定的url地址

2. target属性用来规定在何处打开 action URL



3. method属性用来规定以何种方式把表单数据提交到action url 。可选值有get和post

默认情况...

			
		

	





	

		

			

				
					
jsp form表单方法示例

				
			

			

				

					01-08
				

			

		

		

			
				
1.代码： 代码如下: <%– Document : index Created on : 2009-10-4, 13:56:46 Author : lucifer –%> <!DOCTYPE HTML PUBLIC “-//W3C//DTD ... <head> <title>... [removed] function giveFocus

			
		

	





	

		

			

				
					
JavaScript实现动态添加Form表单元素的方法示例

				
			

			

				

					10-19
				

			

		

		

			
				
在JavaScript中，动态添加Form表单元素是一种常见的需求，特别是在用户需要输入不确定数量的数据时，如上传文件、填写多条信息等。本文将详细介绍如何利用JavaScript实现动态添加表单元素，并提供一个具体示例，涉及...

			
		

	





	

		

			

				
					
HTML的form表单标签用法学习教程

				
			

			

				

					12-13
				

			

		

		

			
				
表单的区域是使用<form>标签定义表单的范围，在<form></form>中的元素的值会被通过这个表单提交到对应的地址中。 输入信息一般表单内多以使用<input>标签收集用户的输入信息，其输入类型是...

			
		

	





	

		

			

				
					
js清空form表单中的内容示例

				
			

			

				

					10-25
				

			

		

		

			
				
在JavaScript中，清空表单（form）的内容是常见的需求，尤其在用户完成表单提交或者需要重置表单时。本示例提供了一个全面的方法，涵盖了多种表单元素类型，确保可以有效地清除所有相关数据。以下是详细的知识点解析...

			
		

	





	

		

			

				
					
form表单的基本使用及Ajax提交表单数据

				
			

			

				

					小JAVA千的博客
				

				

					07-31
					
					604
					
				

			

		

		

			
				
form表单的基本使用及Ajax提交表单数据
①什么是表单


表单在网页中主要负责数据采集功能。HTML中的标签，就是用于采集用户输入的信息，并通过标签的提交操作，把采集到的信息提交到服务器端进行处理。


表单事例

表单由三个基本部分组成：
表单标签
表单域
表单按钮

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X

			
		

	





	

		

			

				
					
Form表单的简单使用

				
			

			

				

					chenmo2001的博客
				

				

					05-27
					
					3054
					
				

			

		

		

			
				
Form表单的简单使用


	简介
	
表单是一个包含表单元素的区域，用于搜集不同类型的用户输入。表单元素是允许用户在表单中（比如：文本域、下拉框、单选框、复选框等等）输入信息的元素。表单使用表单标签<form>定义。




	布局
	
完成布局的第一步：创建一个新的项目。

第二步：把我们需要的文件引入进去。

主要有这三个：





可通过栅格系统进行布局

Bootstrap提供了一些表单控件样式、布局选项、以及用来创建广泛多样化的表单的自定义组件。




	表单控件
	
1....

			
		

	





	

		

			

				
					
form表单具体用法

				
			

			

				

					qq_40860137的博客
				

				

					11-12
					
					6583
					
				

			

		

		

			
				
定义和用法:

&lt;form&gt; 标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

表单用于向服务器传输数据。

基本代码规范:

&lt;form action="发送的位置链接" method="post/ge...

			
		

	





	

		

			

				
					
表单标签form的简单使用

				
			

			

				

					tuke_tuke的博客
				

				

					07-27
					
					2555
					
				

			

		

		

			
				
表单就是一个放控件的地方，如文本框，密码框，按钮之类的，这些控件叫做表单元素。 
表单的构成：<form action="提交地址">
    表单内容（包括按钮，输入框，选择框等等）
</form>表单元素的基本标签是<input>标签它的type属性有以下类型： 
text：文本框 
password：密码框 
radio:单选按钮 
checkbox:复选框 
reset：重置按钮 
butt

			
		

	





	

		

			

				
					
单词用法

				
			

			

				

					wuguangbin1230的博客
				

				

					02-28
					
					396
					
				

			

		

		

			
				
1. performance

performance 既可做可数名词 又可做不可数名词。只是不同的含义 有不同的用法。例如翻译为演出、成果时可数，翻译为技能、性能时不可数

2. predict, predicate, prediction, predication

predict, prediction: 预言，预报，预知

predicate，predication：断定，声明

3 m...

			
		

	





	

		

			

				
					
form表单的使用

				
			

			

				

					Keep moving on.
				

				

					06-14
					
					1312
					
				

			

		

		

			
				
&lt;form&gt;标签的元素 &lt;input&gt;的类型有10种： text--文本框;password--密码;radio--单选框;checkbox--复选框;submit--提交; reset--重置; button--自定义按钮; image--图片; file--上传文件; hidden--隐藏;一、简单且典型的表单代码为：&lt;form action="https://w...

			
		

	





	

		

			

				
					
如何使用表单

				
			

			

				

					weixin_43167531的博客
				

				

					12-29
					
					203
					
				

			

		

		

			
				
首先使用标签来创建一个表单
使用form创建的仅仅是一个空白的表单，我们还需要向form中添加不同的表单项
表单中必须要有两个属性action和method
action表示提交表单到服务器中的地址method表示提交表单的方法
设置请求方式：method=“post”
method="post" 
需要上传文件时要加属性： enctype="multipart/form-data" 

表单项
...

			
		

	





	

		

			

				
					
"Python3开发进阶：Django框架Form表单系统与基本操作

				
			

			

				

					
				

			

		

		

			
				
本文主要介绍了Python3开发进阶中的Django框架的Form表单系统和基本操作。文章从什么是表单、表单的...通过学习本文，读者可以掌握Django框架中Form表单系统的基本使用方法，并能够根据实际需求进行灵活的开发和扩展。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值