Урок 7.8: Кнопка для формы

Любая форма бесполезна если данные введенные на ней не будут отправлены обработчику. Что бы отправить данные с формы нужна кнопка.

В HTML есть как минимум два способа добавить к форме кнопку. Один из них с помощью тега <input>. Но к этому тегу необходимо добавить тип submit.

<input type="submit">

Еще одно условие - это обязательное наличие данной кнопки внутри формы

<form> Ваше имя:<input /><input type="submit" /> </form>

Результат

Ваше имя:

Но название кнопки "Отправить" не совсем удачное, для того чтобы изменит необходимо указать параметр value с тем текстом который вам более нравиться

<form> Ваше имя:<input /><input type="submit" value="Ок!" /> </form>
Ваше имя:

Мы говорили о двух способах создание кнопки. Второй способ создать кнопку это парный тег <button></button>.

Данный способ интересней тем, что дает больше возможностей при изменении внешнего вида кнопки. Внутри тега <button></button> может размещаться любой другой тег HTML. Например картинка.

<form> Ваше имя:<input /><button><img src="/ok.jpg"></button> </form>
Ваше имя:

Список уроков