Fileコントロールのボタンをより綺麗にする(元)
1781 ワード
方法1:
ボタンを綺麗な画像に変えます.
方法2:
ボタンのテキストと色を変更します.
ボタンを綺麗な画像に変えます.
<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>