<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ZODIOS.net &#187; JavaScript</title>
	<atom:link href="http://zodios.net/category/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://zodios.net</link>
	<description>HTML-Верстка сайта в деталях</description>
	<lastBuildDate>Wed, 18 Nov 2009 08:12:32 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Как убирать текст с полей при клике по ним</title>
		<link>http://zodios.net/javascript/inputclick.html</link>
		<comments>http://zodios.net/javascript/inputclick.html#comments</comments>
		<pubDate>Thu, 09 Oct 2008 18:26:07 +0000</pubDate>
		<dc:creator>Orosi</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://zodios.net/?p=276</guid>
		<description><![CDATA[Как-то передо мной была поставлена задача &#8211;  сделать,  чтоб при клике по полю ввода стандартный текст  внутри пропадал. То есть всем известно, что у полей формы есть параметр value, который задает, что будет выведено в поле. Но когда нужно что-то ввести в это поле, то нужно предварительно удалить текст, который задан через [...]]]></description>
			<content:encoded><![CDATA[<p>Как-то передо мной была поставлена задача &#8211;  сделать,  чтоб при клике по полю ввода стандартный текст  внутри пропадал. То есть всем известно, что у полей формы есть параметр value, который задает, что будет выведено в поле. Но когда нужно что-то ввести в это поле, то нужно предварительно удалить текст, который задан через этот параметр. В этой заметке описан легкий способ, как сделать, чтоб текст, который в поле, пропадал сразу по клику по полю, чтоб не было необходимости удалять ручками текст заданный параметром value.</p>
<p><span id="more-276"></span></p>
<p>Все это реализируется таким простым образом:</p>
<div class="html">
<pre><code>
&lt;input type="text" id="email" name="email" value="Ваш текст"
onfocus="if (this.value=='Ваш текст') this.value='';"
onblur="if (this.value==''){this.value='Ваш текст'}" /&gt;
</code></pre>
</div>
<p>Трюк основан на использовании двух событий <code>onfocus</code> и <code>onblur</code>. <code>onfocus</code> выполняется, когда поле становится активным.  <code>onblur</code> выполняется, когда поле теряет фокус. Далее следует проверка <code>if (this.value=='Ваш текст') this.value=' ';</code> которая проверяет если в поле стоит дефолтный текст, то при фокусе он убирается, позволяя пользователю ввести свои данные. Проверка в событии <code>onblur</code> возвращает дефолтный текст, если пользователь ничего не ввел в поле.</p>
<p>Нюанс состоит в том, что событие <code>onblur</code> и прочие должны писаться полностью с маленькой буквы, ибо написания вида <em>onBlur</em>, <em>onFocus</em> не проходят валидацию. Еще одним недостатком является то, что при отключении JavaScripтов пользователю придется ручками удалять текст из полей так, как события не будут работать.</p>
<p><a href="http://zodios.net/examples/inputtext/" target="_blank">Пример реализации трюка</a></p>
<p>Если на фирме сломался компьютер и вы не знаете что делать – заключите договор на <a href="http://www.mibis.ru">обслуживание компьютеров</a> в Москве. Специалисты осуществят быстрое и качественное обслуживание компьютеров, устранив все неисправности. Компания Консультант АйТи.</p>
]]></content:encoded>
			<wfw:commentRss>http://zodios.net/javascript/inputclick.html/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
	</channel>
</rss>
