Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

input type=file и input type="reset"

Обсуждение темы input type=file и input type="reset" в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Приве. input type=file как сделать кнопку обзор графической ??? input type="reset" как сделать кнопку графической ??? так что бы не потерялась их прямое ...


Закрытая тема
 
Опции темы
Старый 13.10.2006, 17:49   #1
Приве.

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

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

так что бы не потерялась их прямое назначение ???
 
Старый 13.10.2006, 17:49
Ссылки
Старый 13.10.2006, 21:15   #2
<input type="image" src="картинка">
При нажатии на кнопку данные отправляются на сервер.

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

Насчет выбора файла и сброса не знаю...
 
Старый 13.10.2006, 21:55   #3
<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="" />
 
Старый 13.10.2006, 21:59   #4
input type=file графической сделать нельзя, либо, черезчур извращенный вариант. Но я ни разу не видел.

А reset вообще не надо делать, так как пользы от этой кнопки никакой, только вред.
 
Старый 16.10.2006, 13:41   #5
Всем спасибо.

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


<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>
 
Этот пользователь сказал спасибо Scrum за это полезное сообщение:
Macintosh (24.12.2011)
Старый 16.10.2006, 16:25   #6
Кост, а почему это от reset'а "пользы ... никакой, только вред"???
 
Старый 16.10.2006, 16:25
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
На что можно заменить textarea input type="text" 74ivan74 Кальянная 2 15.01.2011 02:42
Что означает запись input[@type=text]? Anthony HTML, CSS, JavaScript 1 17.12.2008 01:19
Оформить input type="file" battrack HTML, CSS, JavaScript 6 31.07.2007 10:31
Продажа билетов лотерей "Золотой ключ", "Русское Лото", "ТВ Бинго-шоу" Florid Кальянная 1 22.08.2005 19:24


Текущее время: 13:40. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум