html表单file（HTML表单代码）

本篇文章给大家谈谈html表单file，以及HTML表单代码对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、html中表单里文本上传file,怎么让他在网页上只显示按钮不显示文本框，怎么做啊，
• 2、怎么用jsp取得html表单里的file值呢
• 3、HTML表单的用法
• 4、html表单file类型不让输入怎么办？
• 5、PHP 中，点击"编辑"之后，怎样在html表单中，添加file类型的名称？
• 6、怎样用html写表单的教程

html中表单里文本上传file,怎么让他在网页上只显示按钮不显示文本框，怎么做啊，

把这个标签设置display=none来实现隐藏，然后设置一个按钮，通过js点击，来触发文件上传事件，就可以了

怎么用jsp取得html表单里的file值呢

你可以在

input type="file" name="file1" size="50"

input type="hidden" name="file" size="50"

然后再提交的时候

script

document.getElementById('file').value =

document.getElementById('file1').value

/script

用request.getParameter("file")取出来就是file的值了

HTML表单的用法

form 将表单元素包裹起来，受form包裹的表单元素才会提交给服务器。

form action=”地址” method=””

表单元素

/form

form标签是表单的外壳，主要有四个属性：

action：表单提交的地址（后台服务器地址）

method：提交表单的方法，两种请求方式，post、get

target：在何处打开action

enctype：（编码方式）

applocation/x-www-form-erlencoded 在发送前编码所有字符（默认）

text/plain：空格转换为”+”号，但不对特殊字符编码

multipart/form-data：使用包含文件上传控件的表单时，必须使用该值。例如：上传音频、视频。

1、区别：（体现在方式、安全、数据量三个方面）

- 方式，点击提交（发请求时），get将请求数据变成”k=value”的形式，然后组装到URL上。post方式提交请求时，数据通过浏览器传输给后台，但是URL没发生变化。

- 安全，get将信息组装到URL上，信息泄露，不安全；post方式的URL没发生变化更加安全。

- 数据量，浏览器地址栏能存放的字符有限的（容量有限），get方式的URL过于冗长，当超出限制时，浏览器自动截断URL，则传给后台的数据不完整，所以对数据大小有限制。而post方式的URL更干净、轻便，能完整地将数据传递给后台，无数据大小限制。

2、什么时候用get，什么时候用post（使用场景）

get：向后台查询东西，如查询论文；即向后台索要数据，用关键词来获取大量数据。安全性要求低，简单。

post：向后台传数据，例论文查重（数据很大，提交给后台）。安全性要求高。

是表单收集信息的元素，主要有以下属性：

label for="input_username"姓名：/label input type="text" name="username" id="input_username" placeholder="用户名"/

效果：

label for="input_password"密码：/label input type="password" name="password" id="input_password" placeholder="密码"/

效果：

效果：

效果：

label我的car：/label select name="transportation" option value="bus"公交/option option value="subway" selected地铁/option option value="taxi"出租车/option /select

效果：

label 评论：/label textarea name="recomment" placeholder="ddd" cols="60" rows="10"/textarea

效果：

label for="zjz"证件照：/label input type="file" name="photo" id="zjz" accept="image/jpg"/

其中accept规定了文件格式。

效果：

input type=”hidden” name=”abc” value=”123”

点击提交时，hidden里隐藏的数据也提交给了后台；abc=’123’

作用：（1）暂存信息，（用户看不到），便于设计者随时调用程序。

（2）用于安全性校验，例如通过设置hidden隐藏域，服务器可以验证用户权限，避免伪造的假网站提交数据。

input type="button" value="按钮"/

效果：

input type="submit" value="提交"/

效果：

input type="reset" value="复位"/

效果：

html表单file类型不让输入怎么办？

当时的问题是有能够直接输出的动态页面index.asp，但是它十分耗费资源，能不能把这个ASP文件动态输出的内容自动保存为一个静态页面呢。我从网上查了关于ASP生成HTM的文章，发现无非是使用模版页面、数据库帮助。这些方法虽然方便，但代码编写量太大，不能有效利用当前已有的文件。在百度知道上查找资料时看到一个网友说，生成静态页面，用浏览器保存，然后上传不就行了。看似说笑，却启发了我。为什么不让asp.dll将index.asp的内容输出出来，然后用FSO写文件保存呢。这是个好办法。但又遇到了问题，怎样将输出给流量器的html代码收集起来呢，于是我想到了表单中的文本域。对了，就用它。具体方法如下：

1、复制index.asp的内容到一个新文件，例如fso.asp。

2、将文件中输出标签html/html的全部部分剪切，包括这两个代码之间的asp代码。

3、在剪切文件的部分插入一个表单，包含一个文本域，一个提交按钮。

4、将剪切的内容粘贴到标签textarea/textarea之间

5、将表单属性定义为Post，提交到fso.asp?action=edit，文本域命名为HomePageInfo。

6、在文件数据连接之后，第一段代码之前，加入写文件部分代码。

%

if request.QueryString("action") = "edit" then '得到action=edit命令后执行以下代码

HomepageInfo = Request.Form("HomepageInfo") '得到文本域内容，赋值给变量HomepageInfo

Set FSO = Server.CreateObject("Scripting.FileSystemObject") '建立FSO

File = Server.MapPath("Index.htm") '定义文件名、路径。

If FSO.FileExists(File) = True Then '判断该文件是否存在

fso.DeleteFile (File) '文件存在则删除文件

End If

Set CTF = FSO.CreateTextFile(File,true, False) '新建文件

CTF.Writeline HomepageInfo '将变量HomepageInfo的内容写入文件

Set ctf = Nothing '关闭FSO

Set FSO = Nothing

response.Write "Script Language=JavaScriptalert('生成首页成功,点击确定返回管理!');location.href='admin/admin_right.asp';/Script" '提示成功信息

end if

%

这样便生成了静态文件。

这种方法适用于任何一种生成静态的情况，即使存在大量ASP代码，文件之间互相调用也可以。特别适用于用循环输出网页，调用DLL输出文件的ASP页面生成HTML，对动态数据库网页同样好用。代码经过修改还能用来生成大量文件。有兴趣可以加上自动提交表单的部分，自动批量生成的部分，自动输出文件名的部分。本人精力有限，不一一列举。希望此文能抛砖引玉，为大家提供asp生成静态页面的一个新思路。

PHP 中，点击"编辑"之后，怎样在html表单中，添加file类型的名称？

房间图片：普通文本框 上传域按钮

应该是上方的形式，而不是你那种上面是上传域按钮，下面一个textarea

要实现上传，

首先，html部分需要给定file表单，php部分需要接受并处理

其次，当点击浏览后，浏览的实际路径应该通过js体现在上传域按钮前面的普通文本框中

如果你需要具体的，可以继续追问。

怎样用html写表单的教程

我们在浏览一些网站时经常会用到一种网页元素--表单。如下图，像这样允许用户输入并使用按钮提交信息的功能，我们称之为表单，那么接下来介绍HTML表单相关的一些知识点。

1)表单:帮助服务器收集客户端信息的一种机制

form action="提交到的页面" method="提交的方法"

表单控件

form

action:数据最后所提交的页面 绝对路径/相对路径

method:数据提交服务器时的提交方法 post get

2)表单控件:表单用于用户填写信息的控件

1、文本控件: 用于用户填写较少信息，且可以显示用户填写信息的控件

(注册时，用户名填写)

格式:

input type="text" name=""  id=""  value="" size="" placeholder=""/

type:设置控件样式 text

name:用于表单收集信息的一种标示符，也就是控件的名称

2、密码框:只是用户输入的内容看不到

input type="password" name="" id=""  size=""/

3、单选按钮组:由多个单选按钮组成的按钮组，只能选中其中一个，这种按钮组

input type='radio' name="" value="" checked标示符

name:为了保证传递服务器数据只有一个，所以name值必须相同

value：是用提交服务器时，该标签被提交的数据,value不能相同;

checked:默认按钮组中的那个按钮被选中

性别:input type='radio' name="" value="" checked男

input type='radio' name="" value="" checked女

input type='radio' name="" value="" checked保密

所有表单控件name值不能相同!!!

4、复选按钮组: 与单选按钮组的区别可以选择多个，为了能将用户选择的多项内容传递服务器中，要将name名字后面加个[]

格式:

input type='checkbox' name="" id="" value="" checked标示

选课:

input type='checkbox' name='classes[]' checked value='1'语文

input type='checkbox' name='classes[]'  value='2'数学

input type='checkbox' name='classes[]'  value='3'历史

input type='checkbox' name='classes[]'  value='4'政治

input type='checkbox' name='classes[]'  value='5'物理

input type='checkbox' name='classes[]'  value='6'化学

input type='checkbox' name='classes[]' checked value='7'美术

注意：一定要在name属性后面添加[]

5)下拉列表框:

格式:

select name="" 

option value="" selected下拉列表项option

option value="" 下拉列表项option

option value="" 下拉列表项option

option value="" 下拉列表项option

option value="" 下拉列表项option

select

multiple:允许用户选中多个下拉列表项

optgroup: 设置下拉分类标示

6) 文本域：可以输入多行数据的表单控件

textarea name="" id="" cols="" rows=""

内容

textarea

rows:设置文本域可以输入的行数

cols:设置的文本域输入的列数(一行可以输入多少个字符)(不是PX)

个人介绍:

textarea name='descs' cols="50" rows="10"

我是个学生

textarea

7)隐藏域：

input type="hidden" name = “”value =””

8)上传控件：

input type="file" name=””

9)按钮标签:

普通按钮:为js提供的控件

input type='button' name=”” value=""/

value：按钮中显示的数据和提交到服务器后该控件提交的值

input type='button' name='clicks' value="点我"/

提交按钮:点击后可以提交表单

input type='submit' name="add" value='注册'/

重置按钮:点击后可以将用户输入的数据清空

input type='reset' name='cancel' value='重置'

图片提交按钮:使用图片作为提交按钮

input type='image' src='图片地址' name=””

本文的分享就到这，希望我的回答能帮到你。

html表单file的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于HTML表单代码、html表单file的信息别忘了在本站进行查找喔。