方法1:
让按钮变成好看的图片
<table border="0" cellspacing="0" cellpadding="0" class="px12gray_none_6e">
<tbody>
<tr>
<td><input type="text" name="f_file" class="input_gray" size="20" disabled><input name="elmFile" type="file" style="position:absolute;filter:alpha(opacity=0); width: 20px; cursor: pointer;" id="elmFile" onchange="this.form.f_file.value=this.value" hidefocus></td>
<td width="70" align="center"><img src="newsub_124.gif" width="47" height="18" style="cursor: pointer;" alt="浏览"></td>
<td valign="bottom">(最大可能上传200K)</td>
</tr>
</tbody>
</table>
方法2:
改变按钮文字和颜色
<html>
<head>
<title>File Upload Example</title>
<script language="JavaScript" type="text/javascript">
function HandleFileButtonClick()
{
document.frmUpload.myFile.click();
document.frmUpload.txtFakeText.value = document.frmUpload.myFile.value;
}
</script>
</head>
<body>
<form name="frmUpload">
<input type="file" name="myFile" style="display: none">
<input type="text" name="txtFakeText" readonly="true">
<input type="button" onclick="HandleFileButtonClick();" value="上传文件" style="background:red">
</form>
</body>
</html>
分享到:
相关推荐
你是否老觉得html里的文件域的浏览按钮太难看呢?这个是我做的浏览组件,可以自定义图片按钮,随心所欲的改变<input type="file" />的默认按钮样式。...你可以在这个控件上做更大的开发,可用于商业用途。
总的来说,"带TextBox漂亮易用日历控件"是一个结合了传统TextBox和日历选择功能的自定义控件,通过封装提高了开发效率,提供了更好的用户体验。开发者可以通过下载提供的资源,学习并应用这个控件,提升自己项目的...
2. **创建自定义按钮**:利用`<label>`元素与`for`属性,我们可以创建一个漂亮的按钮,点击时触发`input file`的选择动作。例如: ```html <label for="custom-file"> 选择文件 <input id="custom-file" type=...
6. **完善界面**:为播放器添加必要的控件,如播放/暂停按钮、进度条、音量控制等,以增强用户交互体验。这些可以通过Visual Studio自带的控件实现,如Button、TrackBar等,并通过事件处理程序来实现功能。 7. **...
在这种情况下,描述中提到的“开发窗体的皮肤变漂亮”,暗示我们将讨论的是如何使用第三方控件来定制和美化WinForm应用的界面。 “皮肤”在软件界面上通常指的是一种主题或样式,它可以改变控件的外观,包括颜色、...
一个漂亮的文件上传样式的HTML源码,代替原来丑陋的文件上传按钮和长条文本框
noform.zip 没有文档类的MDI怎样让MDI程序不需要文档的支持(33KB)<END><br>98,ROTFONT.zip 用于在窗口中显示任意角度文字的控件(5KB)<END><br>99,TRAYICON.zip 用于在WIN95的状态栏中显示程序的运行状态(32...
2. **自定义按钮**: 提供样式各异的按钮控件,支持自定义颜色、形状和动画效果,使得界面更具吸引力。 3. **触摸友好**: 所有控件都优化了触摸操作,确保在触摸屏设备上的良好交互性。 4. **图表和图形**: 提供...
此外,源代码中还包含了一个“水晶灯控件”,这是一种美化界面的UI元素,它提供了更丰富的视觉效果,使得登录界面看起来更加现代化和吸引人。另一个特色是“像微软Media Player播放器外观一样的按钮”,这意味着开发...
此外,QSS还支持类选择器和ID选择器,可以针对特定类型的控件或特定控件进行更精确的样式定义。这使得开发者可以根据自己的需求对界面进行微调,打造出独一无二的用户界面。 总之,QT样式表是QT GUI设计中不可或缺...
在Delphi中,开发人员可以利用VCL(Visual Component Library)框架,这是一个丰富的组件库,包含各种预构建的UI控件,如按钮、列表框、表格等,这些都可以快速地拖放到设计界面上,从而简化了GUI(图形用户界面)的...
3. **设置控件图标**: WinForm控件如按钮、标签等可以通过`Icon`属性设置图标,但它们默认不支持Alpha透明度。为了实现透明效果,我们需要自定义控件,重写`OnPaintBackground`方法,阻止默认的背景填充,然后在`...
本系统为了使得界面漂亮,使用了一个第三方的界面设计控件,名为mxoutlookbarpro,该控件在本系统的“mxoutlookbarpro”目录下。 下面介绍安装步骤。 1. 启动Delphi 7.0 2. 选择菜单【fileopen project】,如图5所...
《C# WinForm 漂亮的同学录》是一款基于C#编程语言和Windows Forms(WinForm)开发的简单同学录管理程序。对于初学者来说,这个项目是一个很好的实践案例,可以帮助理解C#语言特性和WinForm应用开发的基本原理。下面...
对于自定义控件,如按钮,你可以使用`Pen`和`FillRectangle`方法来画出边框和填充色,`DrawString`来绘制文字。例如: ```csharp Rectangle buttonRect = new Rectangle(10, 10, 100, 30); // 按钮位置和大小 ...
- **添加控件**:例如使用`tk.Button()`添加按钮。 - **布局管理**:使用`pack()`、`grid()`或`place()`方法对控件进行布局。 - **事件绑定**:通过控件的`command`属性或其他方法绑定事件处理器。 #### 四、文本...
为了让用户界面更具交互性,还可以添加其他功能,比如错误提示(当输入为空或格式不正确时),以及加载动画来增强用户体验。同时,可以考虑实现“忘记密码”链接、注册新用户等功能,以提供更全面的服务。 最后,...
在Visual FoxPro (VFP)中,开发应用程序时经常会用到一些实用的代码片段,例如登录界面、数据导入导出、界面交互等。...通过理解和应用这些代码,开发者可以更有效地管理用户界面、数据导入导出以及程序路径设置。
好的 UI 设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来...