input file属性(input checked属性)
大家好，关于input file属性很多朋友都还不太明白，不过没关系，因为今天小编就来为大家分享关于input checked属性的知识点，相信应该可以解决大家的一些困惑和问题，如果碰巧可以解决您的问题，还望关注下本站哦，希望对各位有所帮助！
input标签的六大属性分别是什么
属性值
描述
button定义可点击按钮（多数情况下，用于通过 JavaScript启动脚本）。
checkbox定义复选框。
file定义输入字段和"浏览"按钮，供文件上传。
hidden定义隐藏的输入字段。
image定义图像形式的提交按钮。
password定义密码字段。该字段中的字符被掩码。
radio定义单选按钮。
reset定义重置按钮。重置按钮会清除表单中的所有数据。
submit定义提交按钮。提交按钮会把表单数据发送到服务器。
text定义单行的输入字段，用户可在其中输入文本。默认宽度为 20个字符。
通过input的file属性将文件用php的ftp上传到服务器
html部分：
<html>
<body>
<formaction="upload_file.php"method="post"
enctype="multipart/form-data">
<labelfor="file">Filename:</label>
<inputtype="file"name="file"id="file"/>
<br/>
<inputtype="submit"name="submit"value="Submit"/>
</form>
</body>
</html>
提示:
<form>标签的enctype属性规定了在提交表单时要使用哪种内容类型。在表单需要二进制数据时，比如文件内容，请使用"multipart/form-data"。
<input>标签的type="file"属性规定了应该把输入作为文件来处理。举例来说，当在浏览器中预览时，会看到输入框旁边有一个浏览按钮。
注释：允许用户上传文件是一个巨大的安全风险。请仅仅允许可信的用户执行文件上传操作。php部分：
创建上传脚本
"upload_file.php"文件含有供上传文件的代码：
<?php
if($_FILES["file"]["error"]>0)
{
echo"Error:".$_FILES["file"]["error"]."<br/>";
}
else
{
echo"Upload:".$_FILES["file"]["name"]."<br/>";
echo"Type:".$_FILES["file"]["type"]."<br/>";
echo"Size:".($_FILES["file"]["size"]/1024)."Kb<br/>";
echo"Storedin:".$_FILES["file"]["tmp_name"];
}
?>
通过使用PHP的全局数组$_FILES，你可以从客户计算机向远程服务器上传文件。
第一个参数是表单的inputname，第二个下标可以是"name","type","size","tmp_name"或"error"。就像这样：
$_FILES["file"]["name"]-被上传文件的名称
$_FILES["file"]["type"]-被上传文件的类型
$_FILES["file"]["size"]-被上传文件的大小，以字节计
$_FILES["file"]["tmp_name"]-存储在服务器的文件的临时副本的名称
$_FILES["file"]["error"]-由文件上传导致的错误代码
这是一种非常简单文件上传方式。基于安全方面的考虑，您应当增加有关什么用户有权上传文件的限制。
上传限制
在这个脚本中，我们增加了对文件上传的限制。用户只能上传.gif或.jpeg文件，文件大小必须小于20kb：
<?php
if((($_FILES["file"]["type"]=="image/gif")
||($_FILES["file"]["type"]=="image/jpeg")
||($_FILES["file"]["type"]=="image/pjpeg"))
&&($_FILES["file"]["size"]<20000))
{
if($_FILES["file"]["error"]>0)
{
echo"Error:".$_FILES["file"]["error"]."<br/>";
}
else
{
echo"Upload:".$_FILES["file"]["name"]."<br/>";
echo"Type:".$_FILES["file"]["type"]."<br/>";
echo"Size:".($_FILES["file"]["size"]/1024)."Kb<br/>";
echo"Storedin:".$_FILES["file"]["tmp_name"];
}
}
else
{
echo"Invalidfile";
}
?>
注释：对于IE，识别jpg文件的类型必须是pjpeg，对于FireFox，必须是jpeg。
保存被上传的文件
上面的例子在服务器的PHP临时文件夹创建了一个被上传文件的临时副本。
这个临时的复制文件会在脚本结束时消失。要保存被上传的文件，我们需要把它拷贝到另外的位置：
<?php
if((($_FILES["file"]["type"]=="image/gif")
||($_FILES["file"]["type"]=="image/jpeg")
||($_FILES["file"]["type"]=="image/pjpeg"))
&&($_FILES["file"]["size"]<20000))
{
if($_FILES["file"]["error"]>0)
{
echo"ReturnCode:".$_FILES["file"]["error"]."<br/>";
}
else
{
echo"Upload:".$_FILES["file"]["name"]."<br/>";
echo"Type:".$_FILES["file"]["type"]."<br/>";
echo"Size:".($_FILES["file"]["size"]/1024)."Kb<br/>";
echo"Tempfile:".$_FILES["file"]["tmp_name"]."<br/>";
if(file_exists("upload/".$_FILES["file"]["name"]))
{
echo$_FILES["file"]["name"]."alreadyexists.";
}
else
{
move_uploaded_file($_FILES["file"]["tmp_name"],
"upload/".$_FILES["file"]["name"]);
echo"Storedin:"."upload/".$_FILES["file"]["name"];
}
}
}
else
{
echo"Invalidfile";
}
?>
上面的脚本检测了是否已存在此文件，如果不存在，则把文件拷贝到指定的文件夹。
注释：这个例子把文件保存到了名为"upload"的新文件夹。
自定义input file样式及原理讲解
当有要上传文件需要的时候常会用到<input type="file">，但它默认的样式确实有些影响使用体验......
这是html中的内容，文本和 input标签被一个 class为 filebutton的 div标签包裹起来，其中文本“上传图片”也被一个单独的 div标签包裹起来，这里使用 div标签的原因是：便于之后更改按钮大小。
先看下未加css的效果：
自然，现在点击“上传图片”这块区域是不管用的，现在要做的就是使“选择文件”的响应区域与之重合。
尝试将“选择文件”按钮移入“上传图片”区域：
现在按钮内所有区域都能响应了，但你会发现，按钮外的很大一部分区域也会响应...
注释掉 opacity:0来看看现在的真实效果：
这样设置也有不好的地方，选择文件后不会像之前一样文字显示选中了哪个文件，但没关系，将鼠标在按钮处停滞一会就可以知道选中了什么文件：
如果你还想了解更多这方面的信息，记得收藏关注本站。