[Scrum]

Приве.

input type=file как сделать кнопку обзор графической ???

input type="reset" как сделать кнопку графической ???

так что бы не потерялась их прямое назначение ???

[MasMaX]

<input type="image" src="картинка">
При нажатии на кнопку данные отправляются на сервер.

http://htmlbook.ru/html/input.html

Насчет выбора файла и сброса не знаю...

[dantistus]

<input type="image" ... /> - это то же самое, что и <input type="submit" ... />

По поводу файлового поля - поищи в инете, есмть статья про то, как делать кнопку графической, но єто очень извращенній способ с применением css и javascript.

С reset'ом все проще. Можно сделать либо простую картинку с обработчиком события onClick:

[img]...[/img]

Надеюсь, тебе понятно, что 'myform' - это ID твоей формы. Второй способ - применить к кнопке reset стиль:

input.resetbutton{
width:100px; /*ширина твоего рисунка*/
height:100px; /*высота твоего рисунка*/
background-image:url('твой_рисунок');
border:0;
}

...

<input type="reset" class="resetbutton" value="" />

[kost]

input type=file графической сделать нельзя, либо, черезчур извращенный вариант. Но я ни разу не видел.

А reset вообще не надо делать, так как пользы от этой кнопки никакой, только вред.

[Scrum]

Всем спасибо.

Нашел вот такой вариант может кому пригодиться.


<style type="text/css">
input:hover {background-color:red;}
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>

<div class="fileinputs">
<input type="file" class="file" />
<div class="fakefile">
<input />
[img]imag.gif[/img]
</div>
</div>

[dantistus]

Кост, а почему это от reset'а "пользы ... никакой, только вред"???