Jump to content

Search the Community

Showing results for tags 'input'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Development
    • HTML Coding
    • JavaScript
    • PHP
    • CMS
    • Database
    • Web Server
    • Web-site Development
    • Internet Marketing, SEO
  • Library
    • Tricks and solutions
    • Books
  • Commercial services
    • Freelance
    • Job
    • Goods and Services
  • Our Forum
    • Flame
    • Contests
    • Feedback and Ideas

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Web site


Telegram


Signal


Viber


Skype


From


Interests

  1. Не могу значение с одного поле на другой, через JavaScript. Помогите пожалуйста! <!DOCTYPE HTML> <html lang="kz"> <head> <meta charset="utf-8"> <title> ВЫВОД </title> </head> <body> <input type="text" name="Vvod" value="Пример" placeholder="введите имя"> <input type="text" name="Vyvod"> <br> <input type="submit"></button> <br> <script type="text/javascript"> function submit() { let Vvod=document.getElementsByTagName('Vvod'); Vyvod.value=Vvod; console.log(Vyvod.value); } </script> </body> </html>
  2. Решил поэкспериментировать с динамическим изменением индикации, вот по этому заданию. Как мне казалось, это реально: стили для любого значения параметра загружаются сразу, изменяется параметр - сразу применяются стили, соответствующие новому параметру. Но почему-то эта "динамика" работает, только для параметра, заданного по-умолчанию. Почему стили не применяются к изменённому параметру? Какова тут логика работы и возможно ли подобное, сделать на чистом CSS? Спасибо. PS: ну и до кучи - буду рад инфе, как стилизовать input type='number '?
  3. Нужно сверстать переключатели input radio в виде блоков. (Размер M, L, XL, XXL) Изначально при выборе блока, все работало, менялся цвет. Теперь перестало работать и не могу найти причину. Вставляю часть кода в https://jsfiddle.net/ все работает. На локальном и хостинге нет. Ссылка на сайт http://garmoni.inf.ua/Brandly/ в самом низу
  4. Здравствуйте. Начал изучать HTML день назад.Теперь у меня вопрос. <input type=text name"info" size=20> Как введенные данные в эту строку,вывести на другом HTML? Спасибо, жду ответов от всех.
  5. Добрый день. Написал сайт и встречается такая проблема на устройствах от apple (конкретно Iphone 5). В форму заявки в поля input не вводятся никакие символы. Посоветуйте пожалуйста. Спасибо.
  6. столкнулся с такой проблемой, имеем форму <form action="action.php" method="POST"> ,в ней находятся около 130 чекбоксов, все в разных divах, чекбоксы имеют вид <label><input type="checkbox" name="id_1" class ="list" value ="#EXTINF:0,UA:Перший http://puuuuruuuu.ps/pershiy/mpegts"> <span class="spanchik"> <img title="UA:Перший / Эра" data-id="1" alt="UA:Перший / Эра" src="images/inf/1pershiy.png" style="max-width: 100%;max-height: 90%;width:auto;"> </span> </label> у каждого чекбокса свой name="id_1" , "id_2" и по нарастающей. Так к чему я веду, сколько гугла не перегуглил, не могу найти информацию о том, как сделать кнопки, или чекбоксы, которые будут отмечать к примеру первые 20 чекбоксов, далее другие 20 чекбоксов, вплоть до последнего div a
  7. Как сложить переменные, которые в таблице вставлены в <input>. Какой тег, или скрипт нужно использовать что бы получилась формула? Спасибо.
  8. Ребятки, есть вот такой вот фрагмент. Есть вот такой код: input:focus + label {display: none} Т.е. когда нажимаешь на input, надпись name исчезает, но стои убрать фокус с формы, надпись появляется снова, причем поверх текста. Получается некая неведомая фигня. Как сделать так, что если в инпуте есть хотя б одна буква, лейбл на нем не появлялся? Пробовал input:not(:empty) + label {display:none;} Но как выяснилось что input всегда empty. И как решить этот вопрос, ума не приложу. 2й день голову ломаю над делеммой.
  9. Ёмкость заголовка зашкаливает, так что к сути. Datalist даёт прекрасный и лёгкий в понимании список с автозаполнением и возможностью записи своего значения, я уже сделал его сюда: https://jsfiddle.net/8f53otky/3/ Есть проблема лишь с отсутствием скролла, а значений в моём списке может быть сколь угодно много. Я пытался настроить виджет combobox из jquery ui - там тоже нет скролла и он не поддерживает ввод значений не из списка. Здесь отмечен решением такой код: <div style="overflow-x: hidden; overflow: scroll; width: 100%; height:500px"> <asp:DataList ID="someId" runat="server"> .... normal datalist implementation here .... </asp:DataList> </div> Но как он работает, если работает - я не понял. Запустив его у себя, скролл появился, а список пропал: https://jsfiddle.net/8f53otky/4/ В общем, рыбятки, либо я жёстко туплю, либо ещё чего, но мне кажется, что решение, как истина - где-то рядом.
  10. Как мне через тэг INPUT сделать кнопку, по нажатию которой ОПРЕДЕЛННЫЙ текст будет увеличиваться/уменьшаться?
  11. Кто нибудь реализовывал данную форму, буду благодарен за пример кода. Конкретно интересует поле "изменить" как его сверстать ?
  12. Всем доброго времени суток! Буду благодарен за помощь в одном вопросе! Есть форма с <input required>. В CSS я прописал стили для тех input которые не заполнил пользователь (использовал input:invalid). Но проблема в том, что при загрузке получается то, что вы можете видеть в jsfiddle: все input с required подсвечиваются. И это понятно ведь они не заполнены. Но как сделать так как на фото? Чтобы подсвечивался незаполненный input только после нажатия на кнопку, а не при загрузке формы? Понимаю, что это можно сделать на JS. Но как я не знаю. Может что-то подскажете? https://jsfiddle.net/Lavrentyev/1nLnjrb4/2/#&togetherjs=LSIgkgrqlh
  13. Доброго времени суток, для начала объясню проблему. Есть страница к которой подключается 2 стиля с помощью <link href="... один demo.css другой style.css на странице есть <input type="search"... Так вот его изначальный стиль задан в style.css но если demo.css оставить подключенным то стиль input'а наченает меняться и это при том, что в demo.css я прошелся поиском вдоль и поперек на предмет input, search или классов и id которые могут быть затронуты. Но ничего!!!! Ничего не должно изменять этот инпат, но проблема решается отключением demo.css стили нормализуются, как понять? <div class="cd-filter-block"><h4>Поиск</h4> <div class="cd-filter-content"> <input type="search" placeholder="По названию..."> </div> <!-- cd-filter-content --> </div> <!-- cd-filter-block --> Вот код инпата А тут ссылка на 2 стиля: demo.css и style.css Может это уже хамство или выглядит банально, но я не могу ничего понять, может сплю еще...
  14. Здравствуйте, знаю как реализовать с помощью jQuery: jQuery(function(){ $("#file").change(function(){ $("#form").submit(); }); }); но согласитесь что глупо ради такой простой задачи подключать целую библиотеку! Может кто подскажет способ без jQuery? Спасибо!
  15. Слышал мнение, что желательно в тегах формы не давать атрибутам name и id одинаковые значения. Многие этой рекомендации не следуют. Почему это надо делать? И почему не обязательно? Откуда пошло и с чем связано? Хуже: <input type="text" name="login" id="login"> Лучше: <input type="text" name="login" id="login-field">
  16. Здравствуйте! Простенькая задачка по верстке: при вводе номера карты/номера телефона/номера счета разделять вводимые значения пробелом или дефисом. При чем разделять нужно как в режиме печатания, так и при вставке из буфера всегда на равные блоки, допустим, по четыре цифры. Кому-нибудь приходилось решать такую задачу? Можете привести пример решения?
  17. Обязательное условие - подсветка текста при фокусе на input. Простой пример. http://jsfiddle.net/GuCk4/45/ Как сделать так, чтобы при фокусе на input, стиль оставался примененным и к label, а не пропадал сразу же после клика? Нашел решение с помощью JQuery, но возможно есть способ попроще без скриптов? Структуру html можно изменять, лишь бы выполнялось условие.
  18. Делаю форму (HTML5) и столкнулся с такой проблемой. Если указывать атрибут required для input, то стили для этого поля автоматически с дефолтных значений меняются на те, которые я прописал в input:invalid (как я понял, так работает валидация формы). А как сделать, чтоб и проверка работала, но применялись стили по умолчанию, а стили input:invalid применялись если введенная инфа не соответствует тому, что я прописал в атрибуте pattern для input?
  19. Необходимо, чтобы в зависимости от состояния поля input, применялась различная стилизация. Проблема в том, что к тексту над полем, стилизация не применяется. Почему? http://jsfiddle.net/pqVJM/280/
  20. https://jsfiddle.net/Launder/Ly9mLfv4/1/ В 21 строчке CSS кода box-shadow: inset 0 1px 5px rgba(0,0,0,0.2);как только убираешь свойство inset (тень внутрь) тень (наружу) появляется. Как сделать тень внутрь?
  21. Здравствуйте. Необходимо сделать верстку по шаблону, требуется калькулятор с расчетом примерной стоимости. Функцию сделал, она работает, вывод тоже есть. Не могу придумать как добавить к числу знак доллара и "примерно". Также есть вопрос по поводу скрытия кнопки "Calculate" и появления на ее месте этого числа и кнопки Order, как на макете. Можно ли такое осуществить? Спасибо. Сейчас это выглядит так:
  22. https://jsfiddle.net/1h59papL/1/вот формы ввода, под ними поле будет , надо чтобы после нажатия клавиши ок все данные введеные пользователем отображались там, под такими же заголовками (консоль название защитники), и время во сколько было отправлено (желательно сколько времени назад было отправлено) заранее спасибо
  23. Здраствуйте всем, подскажите пожалуйста не могу понять как сделать, есть формы ввода select и input и кнопка в конце submit. нужно чтобы после ввода данных при нажатии на кнопку все введеные данные отображались в поле внизу с такими же подза головками как у форм, плюс привязка времени во сколько было отправлено. я начинающий так что если можно более простым языком. формы ввода выглядят так примерно <div id="form"> <ul> <li> Ваша консоль: <select> <option>1</option> <option2</option> <option>3</option> <option>4</option> </select> </li> <li>Название -: <select> <option>Saab</option> <option>Mercedes</option> <option>Audi</option> </select> </li> <li>Защитники: <select> <option>+5</option> <option>+4</option> <option>+3</option> <option>+2</option> <option>+1</option> </select> </li> <li> минимум: <input type="text" onkeyup="this.value = this.value.replace (/\D/, '')" name="input"> </li> <li>Челендж: <select> <option>—</option> <option>+++</option> </select> </li> <li>Сейв: <select> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </li> <button type="submit" class="buton">ОК</button> </div> заранее спасибо
  24. Нужно, чтобы инпуты переключались Сейчас, когда нажимаешь на каждый, это выглядить так (т.е. подсвечиваются все): Как это исправить? http://codepen.io/anon/pen/avXRQx
  25. Доброго времени суток! Обращаюсь к знатокам своего дела! Ребят, подскажите малоопытному )) Не работает скрипт ни в одном браузере кроме Mozilla Firefox.. Вроде все просто, суть - показывать/скрывать поля при выборе значения select в форме Подскажите в чем дело, что не так и как это исправить? Вот тело: <form name="" id="" method="post" action="" onsubmit=""> <div style="padding-bottom:10px; "> <select > <option id="" class="3" value="">Вы новый пользователь?</option> <option id="" class="1" value="">Я новый пользователь</option> <option id="" class="2" value="">У меня уже есть кабинет</option> </select> </div> <div id="my1" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 1"></input></div> <div id="my2" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 2"></input></div> <div id="my3" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 3"></input></div> <div id="my4" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 4"></input></div> <div id="my5" style="padding-bottom:10px; display:none;"><input type="text" placeholder="значение 5"></input></div> <div id="my6" style="display:none; padding-bottom:6px; margin-top:14px;"><input name="submit" id="submit" value="Принять" type="submit"></div></form>Вот скрипт: $(".1").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');$("#my, #my1, #my2, #my3, #my4, #my5, #my6").toggle(1000);});$(".2").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');$("#my, #my3").toggle(1000);$('input[name="other"]').attr('value','');});$(".3").click(function(){$('#my, #my1, #my2, #my3, #my4, #my5, #my6').fadeOut('slow');});подключаю JQuery 1.9.1 Вот ссылка на мою форму - http://jsfiddle.net/2w18do1z/1/ или здесь, кому как удобнее - http://codepen.io/anon/pen/MaOxMb Буду благодарен за Ваши советы и помощь!!!
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy