Как изогнуть input?

Есть input type=text
Он прямой. Стандартная белая палка
Хотелось бы сделать из этой палки изогнутую палку, кочергу
  • Вопрос задан
  • 3339 просмотров
Пригласить эксперта
Ответы на вопрос 4
JRK_DV
@JRK_DV
Рецепты https://codepen.io/jrkdv/full/LKLXdq
Хотелось бы сделать из этой палки изогнутую палку

Боюсь спросить на сколько изогнутую, как пример не?
https://jsfiddle.net/vtLn0596/1/
Ответ написан
@vanyamba-electronics
<script language="JavaScript">
function setMyTextValue() {
 myTextValue = "bla-bla-bla";
}
</script>
<form>
    <input type="hidden" name="myTextValue" />
    <svg onChange="setMyTextValue()">
</form>

Примеры можно найти здесь.
Ответ написан
Сам input изогнуть увы никак нельзя, если функциональность инпута вам необходима, попробуйте такой костыль - добавьте на место инпута SVG как предложено в других ответах, рядом поставьте инпут с {display:none} например.
повесьте на SVG обработчик кликов, в котором по клику на рисунок перемещайте фокус на input input.focus(). А на инпуте повесьте обработчик на событие "input" в котором изменяйте содержимое текстовой строки в SVG
svg.querySelector("здесь_селектор_текстового_элемента").innerHTML = input.value;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы