Можно ли поставить «default TEXT» в «CSS style file»?

Question

мне нужен этот «текст по умолчанию» в моем файле CSS, например, к <input> тега и к <textarea>,

так я ищу что-то вроде:

<style> 
    testcss{ 
    default:"DefaultText"; 
    or 
    value:"DefaultText"; 
    } 
</style> 

Итак, вот мой вопрос, У меня есть несколько <input> в моей форме, и мне нужно установить их «одинаковое значение по умолчанию»! например, такой же «placeholter», что и «значение», и мне это нужно CSS <style>!

Answer 1

Вы можете использовать Javascript

var inputs = document.getElementsByTagName('input'); 
for (i = 0; i < inputs.length; i++) { 
    inputs[i].value = "Default Text"; 
} 

Answer 2

Да, это возможно, с <label> помещенного за вход, используя Z-индекс и прозрачный цвет фона на <input>. Используйте :focus, чтобы перейти на белый фон. Используйте :valid:invalid, чтобы заполнитель не сиял, если текст введен. С .input:before ваш «стиль» содержания этикетки. :first-line has sometimes some Firefox issues. С моим Firefox для Mac он работал с этим кодом.

HTML

<label class="input"><input type="text" required="required"/></label> 

CSS

.input { 
    color: gray; 
    display: block; 
    font-size: small; 
    padding-top: 3px; 
    position: relative; 
    text-indent: 5px; 
} 

input { 
    background-color: transparent; 
    left: 0; 
    position: absolute; 
    top: 0; 
    z-index: 1; 
} 

input:focus, input:first-line { 
    background-color: white; 
} 

.input:before { 
    content: "Some CSS Text"; 
} 

input:valid { background-color:white; } 
input:invalid{ background-color:transparent; } 

Скриншот (хром браузер)

1. без текста
2. без текста и сосредоточиться
3. с текстом и сосредоточиться
4. с текстом в нем.

См https://jsfiddle.net/uueojg2g/1/ для тестирования.

Резюме

ли я рекомендую использовать CSS для вашей задачи? Возможно, нет, потому что вы должны использовать css только для презентации. Так что я бы всегда, чтобы попытаться получить HTML вариант с заполнителем

Как это работает с «чистым» HTML

Предпочтительный метод, и работает во всех современных браузерах:

<input type="text" name="" placeholder="Full Name"/> 

Для IE9 и до , нам просто нужен javascript:

<input type="text" name="" value="Full Name" onfocus="value=''" onblur="value='Full Name'"/> 

Answer 3

Не забудьте использовать html для контента и css для презентации.

Таким образом, вы могли бы на самом деле сделать это внутри внутри HTML ввода тега с помощью атрибута:

<input value="default text"> 

Как для текстовой области, вы поставите значение по умолчанию между тегами:

<textarea> default text </textarea> 

Вы можете использовать javascript или jquery, чтобы сделать его более удобным, например, если текст по умолчанию исчезает, когда пользователь нажимает на textarea или элемент ввода, но это выходит за рамки этого вопроса.