<?xml version="1.0" encoding="utf-8"?><rss version="2.0"><channel><title>Deerua about Coding: последние заметки с тегом &amp;laquo;form&amp;raquo;</title><link>http://deer.org.ua/keywords/form/</link><description></description><language>ru</language><generator>e2 (http://blogengine.ru/)</generator><item><title>Как спрятать предустановленный текст в поле формы (input) при клике(onclick) или фокусе(onfocus)</title><guid isPermaLink="true">http://deer.org.ua/2009/02/26/1/</guid><link>http://deer.org.ua/2009/02/26/1/</link><comments>http://deer.org.ua/2009/02/26/1/comments/</comments><description>у инпута есть свойство &lt;b&gt;defaultValue&lt;/b&gt;, что отдаёт ДжаваСкрипту значение инпута в момент загрузки страницы. Когда кто-то клацнет (перейдёт) на поле формы, можно сравнить значения инпута (value) с тем значением, и если они равны, обнулить инпут. Просто и красиво :)&lt;br /&gt;&lt;br /&gt;Вот такой вот скриптик с этим легко справится ;) &lt;pre&gt;&lt;span class="hl-reserved"&gt;function &lt;/span&gt;&lt;span class="hl-identifier"&gt;clearText&lt;/span&gt;&lt;span class="hl-brackets"&gt;(&lt;/span&gt;&lt;span class="hl-identifier"&gt;thefield&lt;/span&gt;&lt;span class="hl-brackets"&gt;){
	&lt;/span&gt;&lt;span class="hl-reserved"&gt;if &lt;/span&gt;&lt;span class="hl-brackets"&gt;(&lt;/span&gt;&lt;span class="hl-identifier"&gt;thefield&lt;/span&gt;&lt;span class="hl-code"&gt;.&lt;/span&gt;&lt;span class="hl-identifier"&gt;defaultValue&lt;/span&gt;&lt;span class="hl-code"&gt;==&lt;/span&gt;&lt;span class="hl-identifier"&gt;thefield&lt;/span&gt;&lt;span class="hl-code"&gt;.&lt;/span&gt;&lt;span class="hl-identifier"&gt;value&lt;/span&gt;&lt;span class="hl-brackets"&gt;) 
		&lt;/span&gt;&lt;span class="hl-identifier"&gt;thefield&lt;/span&gt;&lt;span class="hl-code"&gt;.&lt;/span&gt;&lt;span class="hl-identifier"&gt;value&lt;/span&gt;&lt;span class="hl-code"&gt; = &lt;/span&gt;&lt;span class="hl-quotes"&gt;""&lt;/span&gt;&lt;span class="hl-code"&gt;;
&lt;/span&gt;&lt;span class="hl-brackets"&gt;}&lt;/span&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;и ещё премер формы &lt;pre&gt;&lt;span class="hl-brackets"&gt;&amp;lt;&lt;/span&gt;&lt;span class="hl-identifier"&gt;form action&lt;/span&gt;&lt;span class="hl-code"&gt;=&lt;/span&gt;&lt;span class="hl-quotes"&gt;"&lt;/span&gt;&lt;span class="hl-string"&gt;/&lt;/span&gt;&lt;span class="hl-quotes"&gt;" &lt;/span&gt;&lt;span class="hl-identifier"&gt;method&lt;/span&gt;&lt;span class="hl-code"&gt;=&lt;/span&gt;&lt;span class="hl-quotes"&gt;"&lt;/span&gt;&lt;span class="hl-string"&gt;get&lt;/span&gt;&lt;span class="hl-quotes"&gt;"&lt;/span&gt;&lt;span class="hl-brackets"&gt;&amp;gt;&lt;/span&gt;&lt;span class="hl-default"&gt;
	Введите текст: &lt;/span&gt;&lt;span class="hl-brackets"&gt;
	&amp;lt;&lt;/span&gt;&lt;span class="hl-identifier"&gt;input type&lt;/span&gt;&lt;span class="hl-code"&gt;=&lt;/span&gt;&lt;span class="hl-quotes"&gt;"&lt;/span&gt;&lt;span class="hl-string"&gt;text&lt;/span&gt;&lt;span class="hl-quotes"&gt;" &lt;/span&gt;&lt;span class="hl-identifier"&gt;name&lt;/span&gt;&lt;span class="hl-code"&gt;=&lt;/span&gt;&lt;span class="hl-quotes"&gt;"&lt;/span&gt;&lt;span class="hl-string"&gt;ourtext&lt;/span&gt;&lt;span class="hl-quotes"&gt;" &lt;/span&gt;&lt;span class="hl-identifier"&gt;value&lt;/span&gt;&lt;span class="hl-code"&gt;=&lt;/span&gt;&lt;span class="hl-quotes"&gt;"&lt;/span&gt;&lt;span class="hl-string"&gt;e-mail&lt;/span&gt;&lt;span class="hl-quotes"&gt;" &lt;/span&gt;&lt;span class="hl-identifier"&gt;onfocus&lt;/span&gt;&lt;span class="hl-code"&gt;=&lt;/span&gt;&lt;span class="hl-quotes"&gt;"&lt;/span&gt;&lt;span class="hl-string"&gt;clearText(this)&lt;/span&gt;&lt;span class="hl-quotes"&gt;"&lt;/span&gt;&lt;span class="hl-code"&gt;/&lt;/span&gt;&lt;span class="hl-brackets"&gt;&amp;gt;&lt;/span&gt;&lt;span class="hl-default"&gt; 
	Нажмите кнопку: &lt;/span&gt;&lt;span class="hl-brackets"&gt;
	&amp;lt;&lt;/span&gt;&lt;span class="hl-identifier"&gt;input type&lt;/span&gt;&lt;span class="hl-code"&gt;=&lt;/span&gt;&lt;span class="hl-quotes"&gt;"&lt;/span&gt;&lt;span class="hl-string"&gt;submit&lt;/span&gt;&lt;span class="hl-quotes"&gt;" &lt;/span&gt;&lt;span class="hl-identifier"&gt;name&lt;/span&gt;&lt;span class="hl-code"&gt;=&lt;/span&gt;&lt;span class="hl-quotes"&gt;"&lt;/span&gt;&lt;span class="hl-string"&gt;OK&lt;/span&gt;&lt;span class="hl-quotes"&gt;" &lt;/span&gt;&lt;span class="hl-identifier"&gt;value&lt;/span&gt;&lt;span class="hl-code"&gt;=&lt;/span&gt;&lt;span class="hl-quotes"&gt;"&lt;/span&gt;&lt;span class="hl-string"&gt;OK&lt;/span&gt;&lt;span class="hl-quotes"&gt;" &lt;/span&gt;&lt;span class="hl-identifier"&gt;class&lt;/span&gt;&lt;span class="hl-code"&gt;=&lt;/span&gt;&lt;span class="hl-quotes"&gt;"&lt;/span&gt;&lt;span class="hl-string"&gt;btn&lt;/span&gt;&lt;span class="hl-quotes"&gt;" &lt;/span&gt;&lt;span class="hl-identifier"&gt;onfocus&lt;/span&gt;&lt;span class="hl-code"&gt;=&lt;/span&gt;&lt;span class="hl-quotes"&gt;"&lt;/span&gt;&lt;span class="hl-string"&gt;blur()&lt;/span&gt;&lt;span class="hl-quotes"&gt;"&lt;/span&gt;&lt;span class="hl-code"&gt;/&lt;/span&gt;&lt;span class="hl-brackets"&gt;&amp;gt;
&amp;lt;&lt;/span&gt;&lt;span class="hl-code"&gt;/&lt;/span&gt;&lt;span class="hl-identifier"&gt;form&lt;/span&gt;&lt;span class="hl-brackets"&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt;&lt;hr /&gt;&lt;a href="http://deer.org.ua/2009/02/26/1/comments/"&gt;Комментарии&lt;/a&gt; к заметке&lt;br /&gt;&lt;br /&gt;Теги:&lt;br /&gt;&lt;a href="http://deer.org.ua/tags/html/"&gt;html&lt;/a&gt; &amp;gt; &lt;a href="http://deer.org.ua/tags/html/tags/"&gt;tags&lt;/a&gt; &amp;gt; &lt;a href="http://deer.org.ua/tags/html/tags/form/"&gt;form&lt;/a&gt; &amp;gt; &lt;a href="http://deer.org.ua/tags/html/tags/form/input/"&gt;input&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.deer.org.ua/tags/javascript/"&gt;javascript&lt;/a&gt;</description><pubDate>Thu, 26 Feb 2009 20:04:01 +0200</pubDate></item><item><title>javascript and form (input, text, hidden) и элементы формы</title><guid isPermaLink="true">http://deer.org.ua/2008/06/27/3/</guid><link>http://deer.org.ua/2008/06/27/3/</link><comments>http://deer.org.ua/2008/06/27/3/comments/</comments><description>&lt;pre&gt;&lt;span class="hl-builtin"&gt;document&lt;/span&gt;&lt;span class="hl-default"&gt;.&lt;/span&gt;&lt;span class="hl-identifier"&gt;forms&lt;/span&gt;&lt;span class="hl-brackets"&gt;[&lt;/span&gt;&lt;span class="hl-quotes"&gt;"&lt;/span&gt;&lt;span class="hl-string"&gt;formname&lt;/span&gt;&lt;span class="hl-quotes"&gt;"&lt;/span&gt;&lt;span class="hl-brackets"&gt;]&lt;/span&gt;&lt;span class="hl-default"&gt;.&lt;/span&gt;&lt;span class="hl-identifier"&gt;inputname&lt;/span&gt;&lt;span class="hl-default"&gt;.&lt;/span&gt;&lt;span class="hl-identifier"&gt;value&lt;/span&gt;&lt;/pre&gt; где &lt;b&gt;formname&lt;/b&gt; - id формы, а &lt;b&gt;inputname&lt;/b&gt; - имя (name) инпута (text, hidden, password, etc)&lt;hr /&gt;&lt;a href="http://deer.org.ua/2008/06/27/3/comments/"&gt;Комментарии&lt;/a&gt; к заметке&lt;br /&gt;&lt;br /&gt;Теги:&lt;br /&gt;&lt;a href="http://www.deer.org.ua/tags/javascript/"&gt;javascript&lt;/a&gt;&lt;br /&gt;&lt;a href="http://deer.org.ua/tags/html/"&gt;html&lt;/a&gt; &amp;gt; &lt;a href="http://deer.org.ua/tags/html/tags/"&gt;tags&lt;/a&gt; &amp;gt; &lt;a href="http://deer.org.ua/tags/html/tags/form/"&gt;form&lt;/a&gt; &amp;gt; &lt;a href="http://deer.org.ua/tags/html/tags/form/input/"&gt;input&lt;/a&gt;&lt;br /&gt;&lt;a href="http://deer.org.ua/tags/html/"&gt;html&lt;/a&gt; &amp;gt; &lt;a href="http://deer.org.ua/tags/html/tag-values/"&gt;tag values&lt;/a&gt; &amp;gt; &lt;a href="http://deer.org.ua/tags/html/tag-values/hidden/"&gt;hidden&lt;/a&gt;</description><pubDate>Fri, 27 Jun 2008 14:22:29 +0200</pubDate></item></channel></rss>