本文介绍了一个简单的网页组件实现，包括使用内联CSS进行样式定制的文本输入框及按钮，以及一个隐藏的文件上传输入框，用于选择并显示用户所选文件路径。
<style type="text/css">
<!--
#input1{border:1px solid #0000FF}
#btn1{width:70px;height:21px;font-size:12px;padding-top:3px;border-left:1px solid #FFFFFF;border-top:1px solid #FFFFFF;border-right:1px solid #666666;border-bottom:1px solid #666666}
//-->
</style>
<input type="text" id="input1"> <input type="button" id="btn1" onclick="myfile.click();" value="浏览文档">
<input type="file" id="myfile" onchange="input1.value=this.value" style="display:none">
<!--
#input1{border:1px solid #0000FF}
#btn1{width:70px;height:21px;font-size:12px;padding-top:3px;border-left:1px solid #FFFFFF;border-top:1px solid #FFFFFF;border-right:1px solid #666666;border-bottom:1px solid #666666}
//-->
</style>
<input type="text" id="input1"> <input type="button" id="btn1" onclick="myfile.click();" value="浏览文档">
<input type="file" id="myfile" onchange="input1.value=this.value" style="display:none">
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
