инпут текстовое поле
как сделать чтобы при вводе текста ширина у input="text" увеличивалась и уменьшалась исходя из объема текста в поле.
без джаваскрипта |
можно имитировать инпут
<!DOCTYPE html>
<html lang="en">
<head>
<style>
span{
border: 1px solid gray;
padding: 2px;
}
</style>
</head>
<body>
<span contenteditable>какой-то текст</span>
</body>
</html>
|
:thanks:
|
а можно как то в инпут вставить это? спан нельзя использовать
<span class="long-edit-span">
<input class="commonstring edit long-edit" data-mergefields="Number" id="commonStringgsTransportRemovable" name="commonStringgsTransportRemovable" type="text" value="">
</span>
|
что конкретно и куда вставлять??
|
Цитата:
|
денис77447327,
а ты подойди с другой стороны <!DOCTYPE html>
<html lang="en">
<head>
<style>
.long-edit-span {
border: 1px solid gray;
padding: 2px;
}
.commonstring {
display: none;
}
</style>
</head>
<body>
<span class="long-edit-span" contenteditable>
<input class="commonstring edit long-edit" data-mergefields="Number" id="commonStringgsTransportRemovable" name="commonStringgsTransportRemovable" type="text" value="">
какой-то текст
</span>
<script>
(function () {
document.querySelector('.long-edit-span').addEventListener('keyup', function(e) {
document.getElementById('commonStringgsTransportRemovable').value = e.target.textContent.trim();
});
})();
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 11:34. |