uikit icon indicating copy to clipboard operation
uikit copied to clipboard

Button: Использовать <input type="submit">

Open manazoid opened this issue 2 years ago • 1 comments

Описание фичи или улучшения HTML тег

может иметь внутри себя для подтверждения отправки формы. Но <Button as={"input"} type="submit"> не работает как ожидалось. <Button type="submit"> отправляет форму корректно, так что это является незначительным улучшением.

Почему улучшение или фича необходима? Предполагается, что какой-нибудь новичок будет использовать такой синтаксис. И было бы удобно использовать вариант as="input" без вызыва ошибок. Чтобы можно было писать как <Button as={"input"} type="submit">, так и <Button type="submit">. И все работало корректно.

Дополнительная информация Кстати type="submit" содержит локализированную надпись "Отправить" в зависимости от языка браузера. То есть необходимости писать в внутри тега Button текст на кнопке.

manazoid avatar Aug 17 '22 13:08 manazoid

работает!!!

<form onSubmit={() => {}}>
<Button
            view="ghost"
            size="s"
            type="submit"
            label="Отправить"
            disabled={!isValid}
            loading={isSubmitting}
          />
   </form>       

для type submit нужны тэги

<form ></form>

AntonS86 avatar Aug 18 '22 11:08 AntonS86

@AntonS86 спасибо

Lyubavskaya avatar Sep 08 '22 11:09 Lyubavskaya

работает!!!

<form onSubmit={() => {}}>
<Button
            view="ghost"
            size="s"
            type="submit"
            label="Отправить"
            disabled={!isValid}
            loading={isSubmitting}
          />
   </form>       

для type submit нужны тэги

<form ></form>

Вы не читали мой вопрос внимательно, а гитхаб после публикации похерил мое описание: внимание на as="input", хотелось бы иметь возможность использовать input type="submit", а не только button type="submit".

manazoid avatar Sep 08 '22 14:09 manazoid

@AntonS86 чтобы в двух вариантах это работало одинаково

manazoid avatar Sep 08 '22 14:09 manazoid