Помогите "чайнику" с кнопками на HTML

[Alex-GK]

Добрый день, уважаемые форумчане!

Прошу у вас помощи, в наверное простом для вас вопросе.

Сам я очень далек от верстки, но начал мастерить некое устройство на микроконтроллере управляемое через браузер и столкнулся с проблемой.

В идеале мне бы хотелось чего то примерно такого: Слева кнопка "Vol -" потом значение VolValue, а справа соответственно кнопка "Vol +"

По нажатию этих кнопок браузер должен передавать микроконтроллеру значения cmd=8 и соответственно cmd=9 (там, на микроконтроллере парсится строка запроса от браузера в поисках cmd и выполняются соответсвующие действия).

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

Т.е. если я делаю так:

<form METHOD=get action=\"http://127.0.0.1/\"
<input type=hidden name=cmd value=8>
<input type=submit value="Volume -"></form>
Volume Value
<form METHOD=get action=\"http://127.0.0.1/\"
<input type=hidden name=cmd value=9>
<input type=submit value="Volume +" ></form>

То получаю три строчки: сверху и снизу кнопки в средине значение, зато все работает - громкость регулируется.

Если же я делаю так:

<form><METHOD=get action=\"http://127.0.0.1/\"
<input type=hidden name=cmd value=8>
<input type=submit value="Volume -">
Volume Value
<METHOD=get action=\"http://127.0.0.1/\"
<input type=hidden name=cmd value=9>
<input type=submit value="Volume +" ></form>

То выглядит оно конечно так как мне хочется, но при нажатии на любую из кнопок браузер сразу отправляет запрос "cmd=8&cmd=9", одним словом не работает.

Я более чем уверен, что я все делаю неправильно, ибо начал читать про HTML написав большую часть прошивки микроконтроллера и мало что в этом HTML понимаю.

Поэтому прошу: напишите как оно должно быть.

Или хотябы укажите самые явные ошибки.

Заранее спасибо.

[CalvinKlein]

а чем вас не устраивает вариант с двумя формами? (можно стилизовать чтоб всё было в одну строчку)

<form action="?">
  <input type="hidden" name="cmd" value="7" />
  <input type="submit" value="Volume -" />
</form>
Volume Value
<form action="?">
  <input type="hidden" name="cmd" value="9" />
  <input type="submit" value="Volume +" />
</form>

ещё есть такой вариант, но он не работает в ie6 и ie7

<form action="?">
	<button type="submit" name="cmd" value="7">Value−</button>
	ValueVol
	<button type="submit" name="cmd" value="9">Value+</button>
</form>

а вообще вам по-моему и вариант стилизованных ссылок подойдёт

<a href="http://127.0.0.1/?cmd=7">Volume−</a>
Volume Value
<a href="http://127.0.0.1/?cmd=9">Volume+</a>

Edited August 31, 2012 by CalvinKlein

[Alex-GK]

  On 8/31/2012 at 4:07 PM, CalvinKlein said:

а чем вас не устраивает вариант с двумя формами? (можно стилизовать чтоб всё было в одну строчку)

......

......

а вообще вам по-моему и вариант стилизованных ссылок подойдёт

<a href="http://127.0.0.1/?cmd=7">Volume−</a>
Volume Value
<a href="http://127.0.0.1/?cmd=9">Volume+</a>

Большое спасибо за ответ!

Вариант с двумя формами, если его можно стилизовать в одну строчку, меня полностью устраивает, просто я не знаю КАК это сделать.

Если так и не узнаю воспользуюсь вашим рецептом со ссылками, он даже изящнее с учетом скромности ресурсов микроконтроллера, но переписывать все странички с кнопок на ссылки меня пока не радует.

[CalvinKlein]

стилизовать с помощью css, например задать тегу form стиль float:left или display:inline-block

можно вообще в таблицу запихнуть если только на html

<table>
  <tr>
    <td>
      <form action="?">
        <input type="hidden" name="cmd" value="7" />
        <input type="submit" value="Volume -" />
      </form>
    </td>
    <td>Volume Value</td>
    <td>
      <form action="?">
        <input type="hidden" name="cmd" value="9" />
        <input type="submit" value="Volume +" />
      </form>
    </td>
  </tr>
</table>

Edited August 31, 2012 by CalvinKlein

[Alex-GK]

О!

Я же говорил это просто! Только не знал как ( и честно говоря даже не знал куда копать )!

С таблицей все выглядит именно так как мне хотелось и РАБОТАЕТ!

Благодарю от всей души!

PS Можно если у меня еще будут "ламерские" вопросы по HTML обратиться к вам в личку и не плодить неуместные темы?

[CalvinKlein]

  On 8/31/2012 at 5:17 PM, Alex-GK said:

О!

Я же говорил это просто! Только не знал как ( и честно говоря даже не знал куда копать )!

С таблицей все выглядит именно так как мне хотелось и РАБОТАЕТ!

Благодарю от всей души!

PS Можно если у меня еще будут "ламерские" вопросы по HTML обратиться к вам в личку и не плодить неуместные темы?

Обращайтесь конечно, буду рад помочь!