DevGang
Авторизоваться

Теги для создания форм. Часть №6. Button 

<button> - Парный тег, который предназначен для создания кнопки, имеет схожие атрибуты с тегом <input>. Может использовать как внутри <form> заменяя собой <input type="button">, так и просто как отдельный элемент на странице.  

<form action="">
    <h3>Another Example Form</h3>

    <fieldset>
        <legend>User info</legend>

        <div>
            <label for="name_3_input">First name:</label>
            <input id="name_3_input" type="text" placeholder="Email">
        </div>

        <div>
            <label for="surname_3_input">Surname:</label>
            <input id="surname_3_input" type="text" placeholder="Surname">
        </div>
    </fieldset>

    <br>

    <fieldset disabled>
        <legend>User credentials</legend>

        <div>
            <label for="email_3_input">Email:</label>
            <input id="email_3_input" type="text" placeholder="Email">
        </div>

        <div>
            <label for="password_3_input">Password:</label>
            <input id="password_3_input" type="text" placeholder="Password">
        </div>
    </fieldset>

    <fieldset>
        <legend>Form Controls</legend>
        <button type="submit">Submit</button>
        <button type="reset">Clear Form</button>
    </fieldset>
</form>

Открыть на CodePen

Больше уроков у меня на канале.

Источник:

#JavaScript #CSS #HTML
Комментарии
Чтобы оставить комментарий, необходимо авторизоваться