PShim

Вопрос от чайника №2

Recommended Posts

Ребят, как можно сделать так, чтобы в теге <p> был текст и в тексте была область с инпутом и под областью инпутом было подчеркивание" ____" и под чертой был текст(год, дата, фио например). Грубо говоря как в документах на подпись должна получиться область

Share this post


Link to post
Share on other sites

Не выходит встроить в код. происходит смещение из-за переноса строк. Пример данных которые должны быть.
<p>тут какой либо текст <nobr>конструкция _____</nobr> текст идет дальше ...</p>

Share this post


Link to post
Share on other sites

Подпись под линией должна оставаться. Сейчас не могу предоставить исходники. Примерно так должно выглядеть: идет какой-то текст ________(под этой линией должен сохраняться текст например имя, фамилия )

Share this post


Link to post
Share on other sites
22.01.2019 в 14:06, Switch74 сказал:

ну так что вам мешает это сделать?
http://jsfiddle.net/68cdwsbo/

КМК, контейнер p вообще не для того. Input уместен только внутри контейнера form

Share this post


Link to post
Share on other sites

@rasmus какой вопрос такой ответ
помимо данного кода у ТС может быть и form, да и input может быть не только в form

Share this post


Link to post
Share on other sites
18 часов назад, Switch74 сказал:

@rasmus какой вопрос такой ответ
помимо данного кода у ТС может быть и form, да и input может быть не только в form

И p в form может, и input в p, но семантически же это неверно. А если у ТС всё это дело лежит в form, то вместо p логичнее использовать не несущий семантической нагрузки div

Share this post


Link to post
Share on other sites

@rasmus Тег <p> в семантике означает параграф текста. Чем его использование в форме противоречит семантике?
С семантикой input сложнее. Да, изначально они были созданы для использования в формах, но, imho, с развитием веб стоило бы пересмотреть их семантическое значение.

Возьмем к примеру распространенный случай. Есть сайты с калькулятором для расчета чего либо. С одной стороны можно завернуть этот калькулятор в форму, хотя бы для того, что-бы сделать кнопку сброса, но, с другой стороны, эта кнопка очень редко когда предусмотрена в дизайне. Да и данные в этом калькуляторе предназначены только для пользователя и не отправляются на сервер, а значит использование <form> будет тоже семантически неверным, ведь форма предназначена для отправки данных, а у нас никакие данные не передаются.

Так что не все так однозначно...

Share this post


Link to post
Share on other sites
15.08.2019 в 08:51, AlexZaw сказал:

Тег <p> в семантике означает параграф текста. Чем его использование в форме противоречит семантике?

Я думаю тем, что на параграфы делятся статьи, главы книг и т.п., в общем всё что предназначено для чтения. Зачем же менять назначение параграфа включая его в форму, если есть div, который служит для тех ситуаций, когда текстовому блоку не нужна семантическая окраска.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Flex12
      Всем привет. У меня при верстке сайта по уроку возникла проблема. Сверстал все один в один (перепроверил несколько раз), но по итогу получается смещение элементов. Из за чего такое может произойти? Ссылку на скрин оставлю ниже (1левый экран то как у него, а (2)правый то как у меня) Скрин для наглядности, чтобы понять о чем я.
       
    • By egrom92
      Задача Нужен человек работающий на друппал. 
      Есть готовый сайт. Клиенту нужно сделать дополнительно 1 страницу. На этой странице около 7-8 блоков но из них только 3 надо сверстать. Остальные блоки у же есть на сайте. 

      Нужно сверстать и посадить блоки на друпал. Дело срочное, спасибо!
      Обязательные требования Писать в телеграм @egrom92
  • Member Statistics

    46,451
    Total Members
    3,128
    Most Online
    rhouland
    Newest Member
    rhouland
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • Вернулся в свою созданную тему через 4,5 года. )) После создания темы около года верстал заказы на фрилансе. От обычной верстки до полноценных LP и небольших сайтов. Даже один раз из своей верстки шаблон Wordpress сделал.   Потом заинтересовался другими нишами и верстку забросил. Арбитражил, занимался СЕО, даже трейдил криптовалютой больше года. Но опять потянуло в вебразработку. Пытаюсь снова все вспомнить. Мешает только основная работа - мало времени остается на своё хобби.  В общем, кому сроки не жмут и кто не боится доверится джуниору, милости просим. Сверстаю, подправлю, помогу. В свободное от работы время. Бескорыстно. Просто хочется снова покодить и не просто так, а чтобы с пользой.  Почта : zdl79@mail.ru Skype : forest19791 Телеграмм : https://t.me/forestino
    • Могу попробовать. Опыт верстки 1 год. Но в связи с основной работой, не связанной с IT, мало на это времени. zdl79@mail.ru
    • Здравствуйте, кажется я делаю что-то не так, но вот что именно никак не пойму.
      Проблема в следующем: подключаю карусель и блок становится неактивен, хотя вроде бы все должно работать как нужно.
      Пробовал подключать карусель и через cdn и через скачанный архив - результат один и тот же.
      Открывал через google, firefox и opera-у - все так же никакого сдвига.
      Подключал по инструкции на официальном сайте.
      Пробовал использовать SlickSlider, но результат тот же.
  • Popular Contributors