HTML-стиль ввода, чтобы скрыть поле, но показывать содержимое

У меня есть форма в HTML, где наши пользователи заполняют данные, а затем печатают их. Данные не сохраняются нигде. Эти формы поступают извне нашей компании и строятся как html-страницы, чтобы как можно ближе напоминать оригинал, а затем заполнялись и забывались в папке в интрасети. Обычно другой разработчик делает это, но я должен сделать несколько, пока он ушел. Просматривая свой код, все его формы имеют кучу серверного кода для ввода входов и перезаписи страницы только с содержимым. Кажется, должен быть лучший способ.HTML-стиль ввода, чтобы скрыть поле, но показывать содержимое

Я хочу просто вставлять текстовые входы с помощью медиа-селектора, чтобы при печати вы могли видеть текст, но ничего не отображали вокруг него. Есть предположения?

источник

2008-09-29 Joel Coehoorn

Добавить в отдельный файл CSS для печати на что-то вроде этого:

<link rel="stylsheet" type="text/css" media="print" href="print.css">

добавьте его в раздел <head>.

В этом файле (print.css) включают в себя стиль соответствует тому, что вы хотите увидеть, когда страница печатается, например:

input{border: 0px} следует скрыть границы поля ввода при печати.

источник

2008-09-29 20:38:55 Maciej

<input type="text" style="border: 0; background-color: #fff;" />

Где #fff ваш цвет фона ..

источник

2008-09-29 20:33:35 Wayne

Предполагая, что вы только хотите, чтобы удалить границу и такие из текстов, вы должны дать им класс. Может быть что-то вроде:

<input type="text" class="print-clean" .../>

И CSS, нагруженной СМИ = "печать":

<link rel="stylesheet" type="text/css" media="print" href="/css/print.css" />

будет содержать что-то вроде этого:

.print-clean { 
    border: none; 
    background: transparent; 
}

источник

2008-09-29 20:36:50

HTML-стиль ввода, чтобы скрыть поле, но показывать содержимое

ответ

Смежные вопросы