При нажатии на элемент формы value очищается

shaltay · April 26, 2011

Доброго времени.

подскажите, можно ли без яваскрипта сделать так чтобы при нажатии на элемент формы type=text с заранее написанным value=lalala, этот value стирался? т.е. нажал и сразу пишешь свой текст, не надо стирать ничего.

psywalker · April 26, 2011

http://habrahabr.ru/blogs/jquery/74760/

rash · April 26, 2011

Без яваскрпта? Гм, а в форме еще какие-то поля есть?

psywalker · April 26, 2011

On 4/26/2011 at 3:45 PM, rash said:
Без яваскрпта? Гм, а в форме еще какие-то поля есть?

А допустим, если нет?

rash · April 26, 2011

On 4/26/2011 at 4:02 PM, psywalker said:

On 4/26/2011 at 3:45 PM, rash said:
Без яваскрпта? Гм, а в форме еще какие-то поля есть?
А допустим, если нет?

input type="reset"

Правда заставить браузер после этого поставить снова фокус в инпут я смог только в вебките. И с помощью жуткого кода.

Аааа, я был невнимателен, value уже задан, и его нужно удалить. В таком случае совершенно точно без JS не получится.

tt48 · April 26, 2011


<!DOCTYPE html>
<html>
<head>
<title>
	prime
</title>
<style type='text/css'>
	html, body{
		margin:0;
		height:100%;
		width:100%;
		position: relative;
	}
	form{
		border: 1px dotted black;
		width : 340px;
		height: 320px;
		font-size: 16px;
	}
	form input{
		opacity: 0.7;
		background: red;
		display: block;
		width: 100%;
		line-height: 1;
		position: relative;
		z-index:1;
	}
	form input:focus{
		opacity:1;
	}
	.text{
		position: absolute;
		top:0;
		left:0;
		/*z-index:0;*/
	}
	.outer{
		position: relative;
	}

</style>
</head>
<body>
	<form>
		<div class='outer'>
			<div class='text'>
				Some text
			</div>
			<input type='text' />
		</div>
	</form>
</body>
</html>

"..холодильник с пультом - просто мысль.."(с)

mishka · April 26, 2011

Ток старые браузеры не поддерживают.

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>placeholder</title>
</head>
<body>
	<form action="#">
		<fieldset>
			<input type="text" placeholder="Default value" />
		</fieldset>
	</form>
</body>
</html>

Быколай · April 26, 2011

On 4/26/2011 at 5:36 PM, mishka2 said:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>placeholder</title>
</head>
<body>
	<form action="#">
		<fieldset>
			<input type="text" placeholder="Default value" />
		</fieldset>
	</form>
</body>
</html>

у меня навязчивое ощущение дежавю... в который раз создаётся тема "При нажатии на элемент формы value очищается", и лучшим, но не всегда первым ответом даётся placeholder...

http://forum.htmlbook.ru/index.php?showtopic=25847&st=0&p=193537&fromsearch=1entry193537

http://forum.htmlbook.ru/index.php?showtopic=26247&st=0&p=196685&hl=placeholder&fromsearch=1entry196685

люди поиском однако ленятся пользоваться. может этот вопрос уже заслужил место в ФАК?

Great Rash · April 27, 2011

Quote
люди поиском однако ленятся пользоваться. может этот вопрос уже заслужил место в ФАК?

А и правда надо бы...

rash · April 27, 2011

On 4/26/2011 at 4:54 PM, tt48 said:
"..холодильник с пультом - просто мысль.."(с)

Ну да, я слишком формально придерживался условия задачи «очистить value».

Sign In

При нажатии на элемент формы value очищается

Question

shaltay

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

rash

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

rash

Link to comment

Share on other sites

tt48

Link to comment

Share on other sites

mishka

Link to comment

Share on other sites

Быколай

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information