Нужна помощь

Будьте так добры подскажите код как сверстать такого плана форму.

<div class="grey">

 <form action="#" method="#" name="form" id="form">

  <input type="text" name="text" />

  <img src="./ok.png" alt="Обзор..." OnClick="form.submit();" />

 </form>

</div>

или

<div class="grey">

 <form action="#" method="#" name="form" id="form">

  <input type="text" name="text" />

  <input type="image" src="./ok.png" />

 </form>

</div>

CSS писать не стал.

<input type="file" name="file" />

не стоит менять стандартную кнопку

Цитата ("h4mpy"):

не стоит менять стандартную кнопку

Почему?

Можно такое сделать, я делала.
Логика работы такова - берется маска(картинка с инпутом и кнопкой) берется инпут типа "файл" и инпут типа "текст"
Инпут файл прозрачный на 100% накладывается на маску, в маске инпут текст(туда явой поститься адрес выбранного файла)


код

<div class="MultiFile-wrap">

   <input type="file" class="fileInput" size="50" onchange="document.getElementById('fileInputText').value = this.value;" />

</div>

<div class="mask">

   <input type="text" id="fileInputText" />

</div>

 .MultiFile-wrap { width:395px; height:24px; position:absolute; }

 .fileInput {width:395px; height:24px; position:absolute; opacity: 0; filter:alpha(opacity=0);}

 #fileInputText {border:none;  width:320px; background:transparent;  margin:3px; height:24px; }

размеры соответственно свои поставьте

Блин, только сейчас дошло, что в форме будет выбираться файл...

Hungry_Hunter

а смысл? не красиво же

я напр. привык что в хроме, кнопка "выбрать файл" вместо "обзор"

ладно если менять функционал, делать ajax загрузку, как в gmail или на weborama.ru, другое дело
а тут "чтобы красиво"...хотя совсем не красиво

h4mpy, оно то понятно, а когда заказчик кричит и топает ножками: "хочу хочу хочу, чтоб красиво было!!!" - тогда как поступать?

Огромное спасибо всем интересно все же было.
Но думаю что делать лучше стандартом.
Но если требует то стоит делать как захочет заказчик. )