<html>
<head>
<title>文件示例</title>
<meta name="name" content="content" charset="utf-8">
</head>
<body>
<input type="file" id="file" />
<input type="button" onclick="readText()" value="File Button">
<div id="tt">
</div>
</body>
</html>
<script charset="utf-8">
window.onload=function () {
if(typeof(FileReader)=="undefined")
{
alert("你的浏览器不支持文件读取")
document.write("")
}else
{
alert("你的浏览器支持文件读取")
}
}
function readText() {
var file=document.getElementById("file").files[0]
var reader=new FileReader()
reader.readAsText(file)
reader.onload=function(data)
{
var tt=document.getElementById("tt")
tt.innerHTML=this.result
}
}
</script>
登陆HTML网站后台。选择内容所属栏目，如果希望添加内容是产品中心中内容，那么栏目处，要选择 “产品中心” 。选择栏目后，填写内容标题，也就是内容名字名称。填写内容名称后，在下方编辑框中，输入内容详细说明。随后，点击 [ 扩展信息 ] - [点击添加图片] 按钮添加页面中的缩略图,上传图片后，点击页面下方 [ 提交 ] 按钮，提交内容。修改内容，登陆网站后台，点击 [ 内容 ] ，在左侧点击 [ 内容列表 ] 后，在内容搜索框输入要修改内容名称。点击搜索按钮后，会列出内容搜索结果，在搜索结果列表中，找到要修改的内容，点击右侧的编辑按钮，对这个内容进行编辑，点击按钮后，会进入内容编辑页面，在页面中，修改内容名称以及在编辑框中修改内容详细。然后点击扩展信息，点缩略图，然后d出上传图片对话框，上传新图片完成修改内容的缩略图。当上传完图片后，点击页面下方提交按钮，对修改内容进行提交。
可以用html5中的属性 <input ="text" placeholder="你想输入的内容" >也可以用js做到 加css样式
代码如下:
<style type="text/css">
.in_search {
border:1 none
color:#999999
float:left
font-size:14px
height:18px
line-height:18px
margin:3px 2px
width:253px
}
</style>
<input name="q" class="in_search" onfocus="if(this.value=='请输入你想要输入的内容'){this.value=''}" onblur="if(this.value==''){this.value='请输入你想要输入的内容'}" type="text" value="请输入你想要输入的内容"/>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）