(no subject)
Feb. 4th, 2006 12:54 am![[identity profile]](https://www.dreamwidth.org/img/silk/identity/openid.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
Не могу никак найти в сети... В общем, запара такая. Делаю я форму:
<form enctype='multipart/form-data' action='eng.php?do=post' method='post'>
....
<input type='file' name='name'>
....
</form>
Так вот... INPUT отображается как обычное поле инпута с кнопочкой "Browse...". Мне надо сделать так, чтобы надпись "Browse..." изменилась на другую. Т.е. надо вместо нее задать свою надпись.
Как это сделать?
P.S. Параметро VALUE, описанный в тэге INPUT не помогает.
UPD. Пожалуй, все, закрою вопрос. Резюме: средствами html это сделать невозможно.
UPD-2. Благодаря предложеному здесь, поискал инфу и нашел такой способ (коряво, без графики еще хуже, но в принципе средствами http лучше, я так понял, ничего не сделать).
<style>
.......
div.fileinputs {
position: relative;
}
div.fakefile {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
input.file {
position: relative;
text-align: right;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
}
.......
</style>
<body>
......
<div class="fileinputs">
<input type="file" class="file">
<div class="fakefile">
<input>
<img src="image-button.jpg" alt="найти">
</div>
</div>
.......
</body>
Думаю, можно до бесконечности подгонять к оригиналу, наверное, можно даже создать точечную теблицу, для идеальной схожести с кнопкой - и чтоб отображалось вообще всегда... Только надо ли? Я пока все это разыскивал, пришел к выводу, что "да ну его на!" :)))
А насчет джаваскриптов, которые мне тут советовали: я ими пользуюсь очень редко, и только для создания приятных - но незначительных деталей; не нравится мне, что разные браузеры на него по-разному реагируют.
<form enctype='multipart/form-data' action='eng.php?do=post' method='post'>
....
<input type='file' name='name'>
....
</form>
Так вот... INPUT отображается как обычное поле инпута с кнопочкой "Browse...". Мне надо сделать так, чтобы надпись "Browse..." изменилась на другую. Т.е. надо вместо нее задать свою надпись.
Как это сделать?
P.S. Параметро VALUE, описанный в тэге INPUT не помогает.
UPD. Пожалуй, все, закрою вопрос. Резюме: средствами html это сделать невозможно.
UPD-2. Благодаря предложеному здесь, поискал инфу и нашел такой способ (коряво, без графики еще хуже, но в принципе средствами http лучше, я так понял, ничего не сделать).
<style>
.......
div.fileinputs {
position: relative;
}
div.fakefile {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
input.file {
position: relative;
text-align: right;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
}
.......
</style>
<body>
......
<div class="fileinputs">
<input type="file" class="file">
<div class="fakefile">
<input>
<img src="image-button.jpg" alt="найти">
</div>
</div>
.......
</body>
Думаю, можно до бесконечности подгонять к оригиналу, наверное, можно даже создать точечную теблицу, для идеальной схожести с кнопкой - и чтоб отображалось вообще всегда... Только надо ли? Я пока все это разыскивал, пришел к выводу, что "да ну его на!" :)))
А насчет джаваскриптов, которые мне тут советовали: я ими пользуюсь очень редко, и только для создания приятных - но незначительных деталей; не нравится мне, что разные браузеры на него по-разному реагируют.
no subject
Date: 2006-02-03 06:58 pm (UTC)no subject
Date: 2006-02-03 07:15 pm (UTC)no subject
Date: 2006-02-04 11:14 pm (UTC)или там через JavaScript было заделано
no subject
Date: 2006-02-05 11:25 am (UTC)no subject
Date: 2006-02-03 07:04 pm (UTC)no subject
Date: 2006-02-03 07:16 pm (UTC)no subject
Date: 2006-02-03 07:16 pm (UTC)В качестве фантазии, а не пробовали usemap использовать? И нарисовать картинку с кнопкой?
no subject
Date: 2006-02-03 07:31 pm (UTC)no subject
Date: 2006-02-03 09:11 pm (UTC)внешний вид input type=file менять нельзя, только размеры.
равно как и менять скриптом параметр value этого поля.
в противном случае это была бы дыра в защите браузера.
no subject
Date: 2006-02-04 10:45 am (UTC)Просто интересно стало.
no subject
Date: 2006-02-04 01:13 pm (UTC)no subject
Date: 2006-02-05 12:00 pm (UTC)no subject
Date: 2006-02-05 08:47 pm (UTC)no subject
Date: 2006-02-05 10:23 am (UTC)no subject
Date: 2006-02-05 12:01 pm (UTC)no subject
Date: 2006-02-05 02:21 pm (UTC)