CSS 3 in Firefox / Google Chrome

[KeredDrahcir]

I'm using a url type as an input box so that the keypad will be optimised for people to enter a web address on mobile devices.
It doesn't allow them to enter it without http at the front but I can't guarantee they will realise the need to put http in front of it so I put that as the value in the box but that means on Google Chrome in rejects the box and an unfinished website address. Since entering in a website is not a required field I don't want it to do this. Is there any way round this?

<input type="url" name="website" value="http://"/>

[ariful alam]

you can add the placeholder attribute in the input tag. it will show a message to user to input with http://
here is the code:

<input type="url" name="website" placeholder="http://www.yoursitename.com"/>
 

[Murat Bastas]

Placeholder does not work in internet explorer v9-oldest...

I suggested

<input type="text" id="tbox" onfocus="clearVal();" onblur="fillVal('example');" value="example" />
<script>
function fillVal(val){
document.getElementById('tbox').value=val;
}
function clearVal(){
document.getElementById('tbox').value='';
}
</script>
 

[ariful alam]

his asking was related to Firefox/Google Chrome. so, answer was related that.

[Murat Bastas]

But my suggestion is works all browsers.