<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
<title>Snipplr</title>
<link>http://snipplr.com/language/css/tags/input</link>
<description>Recent snippets posted on Snipplr.com</description>
<language>en-us</language>
<pubDate>Sat, 25 May 2013 07:34:02 GMT</pubDate>
<item>
<title>(CSS) vertical alignment in forms with multiline labels (horizontal placement label - input) - Merstzik</title>
<link>http://snipplr.com/view/67307/vertical-alignment-in-forms-with-multiline-labels-horizontal-placement-label--input/</link>
<description><![CDATA[ <p>this snippet is for this html structure

    %form
      %ol
        %li
          %label Label:
          %input</p> ]]></description>
<pubDate>Fri, 21 Sep 2012 22:55:46 GMT</pubDate>
<guid>http://snipplr.com/view/67307/vertical-alignment-in-forms-with-multiline-labels-horizontal-placement-label--input/</guid>
</item>
<item>
<title>(CSS) Fix for button background image in IE - felicemente</title>
<link>http://snipplr.com/view/64226/fix-for-button-background-image-in-ie/</link>
<description><![CDATA[ <p>rather annoying issue that I encountered and spent too much time researching - the relevant IE fix is in all caps</p> ]]></description>
<pubDate>Fri, 30 Mar 2012 05:45:49 GMT</pubDate>
<guid>http://snipplr.com/view/64226/fix-for-button-background-image-in-ie/</guid>
</item>
<item>
<title>(CSS) Input text con fondo de imagen - juanprimal</title>
<link>http://snipplr.com/view/60141/input-text-con-fondo-de-imagen/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 25 Oct 2011 04:57:46 GMT</pubDate>
<guid>http://snipplr.com/view/60141/input-text-con-fondo-de-imagen/</guid>
</item>
<item>
<title>(CSS) Style for Required inputs and Placeholder - rigobcastro</title>
<link>http://snipplr.com/view/58578/style-for-required-inputs-and-placeholder/</link>
<description><![CDATA[ <p>CSS3 Normalize for Required and Placeholder...</p> ]]></description>
<pubDate>Sat, 10 Sep 2011 06:23:13 GMT</pubDate>
<guid>http://snipplr.com/view/58578/style-for-required-inputs-and-placeholder/</guid>
</item>
<item>
<title>(CSS) HTML5 search input appearance - fabricelejeune</title>
<link>http://snipplr.com/view/55409/html5-search-input-appearance/</link>
<description><![CDATA[ <p>This is a simple trick that allows you to design the html5 search input like another input.</p> ]]></description>
<pubDate>Fri, 17 Jun 2011 18:34:15 GMT</pubDate>
<guid>http://snipplr.com/view/55409/html5-search-input-appearance/</guid>
</item>
<item>
<title>(CSS) Remove default Chrome input focus border (outline) - jurajhilje</title>
<link>http://snipplr.com/view/52313/remove-default-chrome-input-focus-border-outline/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 19 Apr 2011 21:09:23 GMT</pubDate>
<guid>http://snipplr.com/view/52313/remove-default-chrome-input-focus-border-outline/</guid>
</item>
<item>
<title>(CSS) Css only for input text - tonatiuh</title>
<link>http://snipplr.com/view/49795/css-only-for-input-text/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 28 Feb 2011 15:38:00 GMT</pubDate>
<guid>http://snipplr.com/view/49795/css-only-for-input-text/</guid>
</item>
<item>
<title>(CSS) Aligning Labels - paul66</title>
<link>http://snipplr.com/view/47939/aligning-labels/</link>
<description><![CDATA[ <p>Alignment of labels with their relevant inputs can be a horrible task to achieve in older browsers. This snippets solves that for us by making it consistent across browsers!</p> ]]></description>
<pubDate>Thu, 27 Jan 2011 04:07:32 GMT</pubDate>
<guid>http://snipplr.com/view/47939/aligning-labels/</guid>
</item>
<item>
<title>(CSS) CSS button replacement - shodan_uk</title>
<link>http://snipplr.com/view/46870/css-button-replacement/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 10 Jan 2011 22:31:57 GMT</pubDate>
<guid>http://snipplr.com/view/46870/css-button-replacement/</guid>
</item>
<item>
<title>(CSS) Advanced selectors - lickasha</title>
<link>http://snipplr.com/view/46274/advanced-selectors/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 30 Dec 2010 08:48:53 GMT</pubDate>
<guid>http://snipplr.com/view/46274/advanced-selectors/</guid>
</item>
<item>
<title>(CSS) Cool Text input Field - focal55</title>
<link>http://snipplr.com/view/45333/cool-text-input-field/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 06 Dec 2010 16:02:52 GMT</pubDate>
<guid>http://snipplr.com/view/45333/cool-text-input-field/</guid>
</item>
<item>
<title>(CSS) Remove firefox buttons padding - Ashung</title>
<link>http://snipplr.com/view/44801/remove-firefox-buttons-padding/</link>
<description><![CDATA[ <p>Remove firefox buttons padding</p> ]]></description>
<pubDate>Wed, 24 Nov 2010 19:31:14 GMT</pubDate>
<guid>http://snipplr.com/view/44801/remove-firefox-buttons-padding/</guid>
</item>
<item>
<title>(CSS) CSS input submit background image - resting</title>
<link>http://snipplr.com/view/42129/css-input-submit-background-image/</link>
<description><![CDATA[ <p>Taken from (http://jc-designs.net/blog/2009/08/background-image-on-submit-button-in-ie6/)</p> ]]></description>
<pubDate>Tue, 12 Oct 2010 21:39:27 GMT</pubDate>
<guid>http://snipplr.com/view/42129/css-input-submit-background-image/</guid>
</item>
<item>
<title>(CSS) Form CSS for iPad - TrendyPet</title>
<link>http://snipplr.com/view/41719/form-css-for-ipad/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 07 Oct 2010 06:05:33 GMT</pubDate>
<guid>http://snipplr.com/view/41719/form-css-for-ipad/</guid>
</item>
<item>
<title>(CSS) CSS: Submit Button Background Images - karlhorky</title>
<link>http://snipplr.com/view/37068/css-submit-button-background-images/</link>
<description><![CDATA[ <p>There are three different types of elements that submit forms:

*  &amp;lt;input type="image"&amp;gt;
*  &amp;lt;input type="submit"&amp;gt;
*  &amp;lt;button type="submit"&amp;gt;

Logically, it would seem that you would want to use input type="image" if you wanted to display an image instead of a default button. However, using input type="image" causes the page to submit two extra variables for your x and y mouse click coordinates on the image as below. Unless you are specifically using this for advertising or some purpose that takes advantage of the coordinates, this is just unnecessary data that also causes the URL to become more complex.

Example URLs:

*  type="submit"
  *  http://www.site.com/form.php?query=searchterm
*  type="image"
  *  http://www.site.com/form.php?query=searchterm&amp;x=0&amp;y=0

Additionally, if you do not require additional information pertaining to the submit to be passed to the server (eg. you do not need to have two submits with different purposes), you can use a button element instead of an input. This also allows for simple hiding of the display text as outlined with the .hide-text class in this snippet (for if you wanted to put the text in the image instead).

This solution has been tested to work in:

*  Microsoft Internet Explorer 6, 7, 8
*  Mozilla Firefox 3.6
*  Google Chrome 5
*  Apple Safari 5
*  Opera 10</p> ]]></description>
<pubDate>Sat, 10 Jul 2010 08:45:15 GMT</pubDate>
<guid>http://snipplr.com/view/37068/css-submit-button-background-images/</guid>
</item>
<item>
<title>(CSS) CSS : Supprimer le contour bleu lors du focus sur les champs de formulaire sous safari - alexandrepayet</title>
<link>http://snipplr.com/view/36100/css--supprimer-le-contour-bleu-lors-du-focus-sur-les-champs-de-formulaire-sous-safari/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 24 Jun 2010 08:06:09 GMT</pubDate>
<guid>http://snipplr.com/view/36100/css--supprimer-le-contour-bleu-lors-du-focus-sur-les-champs-de-formulaire-sous-safari/</guid>
</item>
<item>
<title>(CSS) Indent label value into form field - C4ePhagaxaku</title>
<link>http://snipplr.com/view/30400/indent-label-value-into-form-field/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sun, 28 Mar 2010 15:08:05 GMT</pubDate>
<guid>http://snipplr.com/view/30400/indent-label-value-into-form-field/</guid>
</item>
<item>
<title>(CSS) ie7 input background-image scrolling - tennison</title>
<link>http://snipplr.com/view/30166/ie7-input-backgroundimage-scrolling/</link>
<description><![CDATA[ <p>in ie6 + ie7 when the content on an input exceeds the length the background-image will scroll, solution is to have a container around the input or limit characters to length</p> ]]></description>
<pubDate>Tue, 23 Mar 2010 09:13:51 GMT</pubDate>
<guid>http://snipplr.com/view/30166/ie7-input-backgroundimage-scrolling/</guid>
</item>
<item>
<title>(CSS) Textindent on submit input field in IE7 - shapeshifta</title>
<link>http://snipplr.com/view/27679/textindent-on-submit-input-field-in-ie7/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 04 Feb 2010 07:11:50 GMT</pubDate>
<guid>http://snipplr.com/view/27679/textindent-on-submit-input-field-in-ie7/</guid>
</item>
<item>
<title>(CSS) Align Label with Checkbox Cross-Browser in CSS - jpsirois</title>
<link>http://snipplr.com/view/26714/align-label-with-checkbox-crossbrowser-in-css/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 19 Jan 2010 11:42:02 GMT</pubDate>
<guid>http://snipplr.com/view/26714/align-label-with-checkbox-crossbrowser-in-css/</guid>
</item>
</channel>
</rss>