form表单详解

最新推荐文章于 2021-06-04 21:03:08 发布
最新推荐文章于 2021-06-04 21:03:08 发布
阅读量88 收藏
点赞数
文章标签： php
原文链接：http://www.cnblogs.com/xiaobaizhang/p/7966079.html
版权

表单属性   属性                          值                                           描述 accept                 MIME_type               规定通过文件上传来提交的文件的类型 accept-charset     charset                     服务器处理表单数据所接受的字符集 enctype                MIME_type              规定表单数据在发送到服务器之前应该如何编码 method                get/post                  规定表单数据发送的方式，get方法和post方法 name                   name                       规定表单的名称

target                  _blank/_parent/_self/_top 规定在何处打开action URL

 

      1、action指定该表单发送时接受操作的地址       2、method指定表单数据发送的方法。可选值:get、post。get发送则表单内的数据将附加到url后发送。post则是在HTTP请求中发送。       3、enctype指定表单数据在发送的服务器之前如何编码，特别注意的是，当含有上传域时要设置编码方式为enctype="multipart/form-data"，否则后台无法获取到浏览器发送的文件数据。是设置表单的MIME编码。默认情况，这个编码格式是application/x-www-form-urlencoded，不能用于文件上传；只有使用了multipart/form-data，form里面的input的值以2进制的方式传过去。才能完整的传递文件数据。FTP上传大文件的时候，也有个选项是以二进制方式上传。

enctype的三个选项

         值                                                            描述 application/x-www-form-urlencoded   在发送前编码所有字符（默认） multipart/form-data                            不对字符编码。以二进制的方式发送数据，当表单含有上传域时，必须使用后台才能获取上传的文件。 text/plain                                             空格转换为 "+" 加号，但不对特殊字符编码。

 

 

属性值描述DTD
acceptmime_type规定通过文件上传来提交的文件的类型。STF
align
  • left
  • right
  • top
  • middle
  • bottom
不赞成使用。规定图像输入的对齐方式。TF
alttext定义图像输入的替代文本。STF
checkedchecked规定此 input 元素首次加载时应当被选中。STF
disableddisabled当 input 元素加载时禁用此元素。STF
maxlengthnumber规定输入字段中的字符的最大长度。STF
namefield_name定义 input 元素的名称。STF
readonlyreadonly规定输入字段为只读。STF
sizenumber_of_char定义输入字段的宽度。STF
srcURL定义以提交按钮形式显示的图像的 URL。STF
type
  • button
  • checkbox
  • file
  • hidden
  • image
  • password
  • radio
  • reset
  • submit
  • text
规定 input 元素的类型。STF
valuevalue规定 input 元素的值。STF

 

 

HTML表单(Form)常用控件

 

表单控件(Form Contros)说明
input type="text"单行文本输入框
input type="submit"将表单(Form)里的信息提交给表单里action所指向的文件
input type="checkbox"复选框
input type="radio"单选框
select下拉框
textArea多行文本输入框
input type="password"密码输入框(输入的文字用*表示)

 

 

 

[php]  view plain  copy
 print?
  1. <!doctype html>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8">  
  5. <title>测试8</title>  
  6. </head>  
  7.   
  8. <body>  
  9. <form action="8.1.php" method="post"  enctype="multipart/form-data" target="_blank">  
  10. <table width="400" border="1" cellpadding="1" cellspacing="1" bgcolor="#999999" bordercolor="#FFFFFF">  
  11.  <tr bgcolor="#FFCC33">  
  12.   <td width="103" height="25" align="right">姓名</td>  
  13.   <!--文本框-->  
  14.   <td height="25" align="left"><input type="text" name="txtBox" value="textVal"></td>       
  15.  </tr>  
  16.  <tr  bgcolor="#FFCC33">  
  17.   <td width="103" height="25" align="right">密码</td>  
  18.   <!--密码框-->  
  19.   <td height="25" align="left"><input type="password" name="pswBox" value="psw"></td>       
  20.  </tr>  
  21.  <tr  bgcolor="#FFCC33">  
  22.   <td width="103" height="25" align="right">文本域</td>  
  23.   <!--文本域-->  
  24.   <td height="25" align="left">  
  25.    <fieldset>  
  26.      <legend>简介</legend>      
  27.      <textarea name="txtAreaA" cols="25" rows="5" wrap="off">我是一个兵，来自老百姓</textarea>     
  28.    </fieldset>  
  29.   </td>       
  30.  </tr>  
  31.  <tr  bgcolor="#FFCC33">  
  32.   <td width="103" height="25" align="right">性别</td>  
  33.   <td height="25" align="left">  
  34.    <!--单选按钮-->  
  35.    <label><input type="radio" name="radioSex" value="male">男人</input></label>  
  36.    <input type="radio" name="radioSex" value="female">女人</input>  
  37.   </td>       
  38.  </tr>  
  39.  <tr  bgcolor="#FFCC33">  
  40.   <td width="103" height="25" align="right">爱好</td>  
  41.   <td headers="25" align="left">  
  42.    <!--复选框-->  
  43.    <input type="checkbox" name="chkSport[]">篮球</input>  
  44.    <input type="checkbox" name="chkSport[]">足球</input>  
  45.   </td>  
  46.  </tr>  
  47.  <tr  bgcolor="#FFCC33">  
  48.   <td width="103" height="25" align="right">照片</td>  
  49.   <!--上传-->  
  50.   <td height="25" align="left"><input type="file" name="fileUpload" align="right" size="25"></td>       
  51.  </tr>  
  52.  <tr  bgcolor="#FFCC33">  
  53.   <td width="103" height="25" align="right">学历</td>  
  54.   <td height="25" align="left">  
  55.    <!--下拉列表-->  
  56.    <select name="selList" id="selList">  
  57.     <option value="0" selected="selected">专科</option>  
  58.     <option value="1">本科</option>  
  59.     <option value="2">研究生</option>  
  60.    </select>  
  61.   </td>       
  62.  </tr>  
  63.  <tr align="center"  bgcolor="#FFCC33">  
  64.   <td height="25" colspan="3">  
  65.    <!--重置按钮-->  
  66.    <input type="reset" name="resetBtn" value="重置">  
  67.    <!--提交按钮-->  
  68.    <input type="submit" name="submitBtn" value="提交">  
  69.   </td>       
  70.  </tr>  
  71. </table>  
  72.   
  73. <!--隐藏域在浏览器中并不显示，仅仅为保存一些不太重要的资料而存在-->  
  74. <input type="hidden" name="hiddenVal" value="不会显示的值"><br/>  
  75. <!--按钮-->  
  76. <input type="button" name="btn" value="确认"></input>  
  77.   
  78. </form>  
  79.   
  80.   
  81. <?php  
  82.     echo nl2br($_POST[txtAreaA]);     
  83. ?>  
  84.   
  85. </body>  
  86. </html>  

转载于:https://www.cnblogs.com/xiaobaizhang/p/7966079.html

weixin_30569001
关注
html的form表单详解
秃头的博客
02-23 5088
这里写目录标题Form表单介绍表单元素单选按钮复选框文件隐藏域提交按钮重置按钮按钮图像图片按钮下拉列表多行文本框(文本域)HTML5新增type类型HTML5新增属性 Form表单介绍 表单在 Web 网页中用来给访问者填写信息，从而能采集客户端信息，使网页具有交互的功能。一般是将表单设计在一个Html 文档中，当用户填写完信息后做提交(submit)操作，于是表单的内容就从客户端的浏览器传送到服务器上，经过服务器上的 ASP 或 PHP 等处理程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就
form详解
weixin_30780649的博客
07-04 128
form ** form常用属性 action 指定请求的地址 method 请求方式，如果是post形式发出的，表单的输入值就会放在请求体中，并且会进行编码处理，编码的方式在请求头中的Content-Type来说明，这样当服务器收到请求后，就知道如何读取数据。默认是Content-Type: application/x-www-form-urlencoded. enctype 这个属性是来设置...
4.3 详解form表单
sss2113923的博客
04-03 420
form 表单慎用！ ！！（浏览器加载慢！需用在适当的位置） form表单有两个比较重要的属性 1.action: 表单提交到服务器的地址 2.method：表单提交数据的两种 （get/post） get属性： 使用URL传递参数：  http://服务器地址？name=value1&name=value2 (?表示传递参数，?后面采用name=value的形式传递，多个参数之间，用&
表单详解
weixin_44540374的博客
05-07 573
~~开发工具与关键技术： 前端 作者：梁锦豪 撰写时间：2019/5 / 5~~ 我们要经常用到表，而提交表单是一个最常见的业务需求，比如用户注册啊、登陆啊，一些信息的输入都是需要表单的提交。 同样的有时候开发者需要在表单提交的时候过滤一些的数据、做一些必要的操作。 （例如：验证表单输入的正确性，如果错误就阻止提交，从新输入）此时可以通过submit事件，监听下提交表单的这个动作。 我们先来说...
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
微信小程序 form组件详解
01-03
表单： 将组件内的用户输入的<switch> <input/> <checkbox> <slider> <radio> <picker> 提交 主要属性： 效果图：  ml: ... <image xss=removed src=../../image/logo.jpg> ...form表单组件 是提
微信小程序 表单Form实例详解（附源码）
12-29
微信小程序 表单Form实例 表单Form的应用很广泛，我们可以利用form设计登录注册，也可以设计一种答题问卷的形式，今天主要讲一下form的使用 form表单，将组件内输入的”switch”,”input”,”checkbox”,”slider”,...
微信小程序form表单详解与实战演示
在微信小程序开发中，form表单组件是一个核心组件，它负责收集并管理用户在页面上的输入数据。表单主要由多种输入控件组成，包括（开关）、（文本框）、（复选框）、（滑块）、（单选按钮）以及（选择器）。这些控件...
Html表单详解
新海说
03-20 615
Html 表单是什么？ Html 表单用于从客户端收集用户输入数据给服务器后台进行处理，是动态网页实现交互的重要一环。 举个例子 &lt;html&gt; &lt;head&gt; &lt;title&gt; &lt;h1&gt;登陆界面&lt;/h1&gt; &lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;
html表单属性encoding,form表单---enctype属性
weixin_30698949的博客
06-04 778
知识点补充：MIME类型：服务器需要将发送的多媒体数据的类型告诉浏览器，而告诉浏览器的手段就是告知多媒体的MIME类型。form表单中的enctype属性，可以告诉服务器，我们提供给它的内容的MIME类型。entry属性值form表单中的entry属性常用值，有以下三种：1、application/x-www-form-urlencoded2、multipart/form-data3、text/p...
前端之 form 详解
fenglepeng的博客
01-12 4449
认识表单 在一个页面上可以有多个form表单，但是向web服务器提交表单的时候，一次只可以提交一个表单。 要声明一个表单，只需要使用 form 标记来标明表单的开始和结束，若需要向服务器提交数据，则在form标签中需要设置action属性（用来设置提交表单的位置）、method属性（用来定义浏览器将表单中的信息提交给服务器端程序的处理方式）、target属性（用来指定服务器返回结果所显示的目标窗口或目标框架）；但是，对于客户端脚本编程来说，并不需要这些属性来帮助提交表单信息，form标签存在的意义是在于
HTML（9）表单
weixin_30418341的博客
08-06 758
一、表单 　　1.表单的作用 　　HTML 表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。 　　2.表单的工作机制 　　 　　　　 　　3.表单定义（<form></form>标签） 　　HTML表单是一个包含表单元素的区域， 表单使用<form> 标签创建。表单能够包含 input 元素，比如...
HTML Form表单详解
郎涯技术
07-07 6711
表单属性   属性                          值                                           描述 accept                 MIME_type               规定通过文件上传来提交的文件的类型 accept-charset     charset                     服务器
非常详细的html form表单详解
m0_50913689的博客
10-05 2668
表单 表单介绍 表单用于收集用户输入数据，将用户输入数据提交给web服务器，表单使用http协议提交数据 form标签：表单标签，定义表单区域 action属性：设置表单提交的服务器地址 method属性：设置表单提交的方式，一般有“GET”和“POST”方式, 不区分大小写 label标签：表示表单标签的文字标注，定义文字标注 input标签：表示表单标签的用户输入，定义不同类型的用户输入方式 type属性： type="text" 定义单行文本输入框 type="password"
前端复习-form表单详解(1)
余光的博客
08-03 2707
第一部分、HTML 表单的基础知识 HTML 表单用于搜集不同类型的用户输入。 &amp;amp;lt;form&amp;amp;gt; 元素 实例 &amp;amp;lt;form&amp;amp;gt; . form elements . &amp;amp;lt;/form&amp;amp;gt; HTML 表单包含表单元素。 表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。 &amp;amp;lt;i
FormData用法详解
热门推荐
前端开发
03-21 8万+
FormData 对象： 一.创建一个formData对象实例的方式 1、创建一个空对象 var formData = new FormData();//通过append方法添加数据 2、使用已有表单来初始化对象 //表单示例 &lt;form id="myForm" action="" method="post"&gt; &lt;input type="text" name...
form-login属性详解
qq_37906614的博客
01-03 2070
form-login是spring security命名空间配置登录相关信息的标签,它包含如下属性：  1. login-page 自定义登录页url,默认为/login  2. login-processing-url 登录请求拦截的url,也就是form表单提交时指定的action  3. default-target-url 默认登录成功后跳转的url  4. always-use-
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值