StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Instead of trying to do an end run around the browser's validation, you could put the <code>http://</code> in as placeholder text. This is from the very page you linked:</p> <blockquote> <h2>Placeholder Text</h2> <p>The first improvement HTML5 brings to web forms is the ability to set <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/forms.html#the-placeholder-attribute" rel="nofollow noreferrer">placeholder text in an input field</a>. Placeholder text is displayed inside the input field as long as the field is empty and not focused. As soon as you click on (or tab to) the input field, the placeholder text disappears.</p> <p>You’ve probably seen placeholder text before. For example, Mozilla Firefox 3.5 now includes placeholder text in the location bar that reads “Search Bookmarks and History”:</p> <p><img src="https://i.stack.imgur.com/Sncur.png" alt="enter image description here"></p> <p>When you click on (or tab to) the location bar, the placeholder text disappears:</p> <p><img src="https://i.stack.imgur.com/nXrYn.png" alt="enter image description here"></p> <p>Ironically, Firefox 3.5 does not support adding placeholder text to your own web forms. C’est la vie.</p> <h3>Placeholder Support</h3> <pre><code>IE FIREFOX SAFARI CHROME OPERA IPHONE ANDROID · 3.7+ 4.0+ 4.0+ · · · </code></pre> <p>Here’s how you can include placeholder text in your own web forms:</p> <pre><code><form> <input name="q" placeholder="Search Bookmarks and History"> <input type="submit" value="Search"> </form> </code></pre> <p>Browsers that don’t support the <code>placeholder</code> attribute will simply ignore it. No harm, no foul. <a href="http://diveintohtml5.info/examples/input-placeholder.html" rel="nofollow noreferrer">See whether your browser supports placeholder text</a>.</p> </blockquote> <p>It wouldn't be exactly the same since it wouldn't provide that "starting point" for the user, but it's halfway there at least.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload