Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.02.2020, 19:34
Аспирант
Отправить личное сообщение для izumov Посмотреть профиль Найти все сообщения от izumov
 
Регистрация: 05.05.2019
Сообщений: 72

как под элементом ввода input text вывести текст?
желательно вкрапленный в границу элемента
Ответить с цитированием
  #2 (permalink)  
Старый 12.02.2020, 19:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 28,085

izumov,
<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  label{
      display: flex;
      flex-direction: column;
      border: 1px solid;
      width: 80px;
      text-align: center;
  }
  label input{
      text-align: left;
  }

  </style>

</head>
<body>
<label><input type="text">Click me </label></body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 12.02.2020, 20:01
Аспирант
Отправить личное сообщение для izumov Посмотреть профиль Найти все сообщения от izumov
 
Регистрация: 05.05.2019
Сообщений: 72

благодарю.как управлять видимостью и параметрами этого текста программно?
Ответить с цитированием
  #4 (permalink)  
Старый 12.02.2020, 20:31
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 28,085

izumov,
https://javascript.ru/forum/misc/793...tml#post519488
Ответить с цитированием
  #5 (permalink)  
Старый 12.02.2020, 20:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 28,085

izumov,
<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  label{
      display: flex;
      flex-direction: column;
      border: 1px solid hsla(0, 0%, 0%, 1);
      width: 80px;
      text-align: center;
  }
  label input{
      text-align: left;
  }
  label:after{
     content: var(--pp, "");
     color: hsla(0, 100%, 50%, 1);
  }

  </style>

</head>
<body>
<label class="err"><input type="text"></label>
<script>
    setTimeout(_=> {
    const label = document.querySelector("label");
    label.style.setProperty("--pp", '"Click me"');
    }, 1000)
</script>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
проблема со scroll Chrome Элементы интерфейса 2 21.10.2013 13:46
Идея сайта... Стоит двигацца дальше?! B-Vladi Ваши сайты и скрипты 313 15.12.2011 23:04
Выравнять три дива в одной строке debugx (X)HTML/CSS 9 06.10.2011 11:03
Вывод порядкового номера li в списке profxhtml Общие вопросы Javascript 4 13.04.2011 11:30
Вопрос по относительному позиционированию DIV XPOMOB (X)HTML/CSS 11 15.07.2009 16:02