Login | Register | FAQ
Anonymous

Login and sign up customisation

+ Post a reply

7 posts Page 1 of 1


Login and sign up customisation

by Nilutpal Boruah » Fri May 17, 2013 1:42 am

You must have seen the facebook signup page. The form fields 'First Name','Last Name' contains a background text written 'First Name' and 'Last Name' etc.. How to do that...
User avatar

Nilutpal Boruah

  • Posts: 63
  • Joined: Tue May 14, 2013 2:02 pm

Re: Login and sign up customisation

by XainPro » Sat May 18, 2013 11:04 am

its called place holder you can do this like this
i.e

<input type="text" name="query" id="search-query" class="search-query" placeholder="Search...">

i hope this example is self explanatory
User avatar

XainPro

  • Posts: 3669
  • Joined: Fri Feb 17, 2012 8:10 pm

Re: Login and sign up customisation

by healer25 » Sat May 18, 2013 3:18 pm

PLS throw a little more light may be a more practical example
User avatar

healer25

  • Posts: 57
  • Joined: Fri Dec 17, 2010 10:16 am

Re: Login and sign up customisation

by Nilutpal Boruah » Sun May 19, 2013 6:08 am

Please write the full code
User avatar

Nilutpal Boruah

  • Posts: 63
  • Joined: Tue May 14, 2013 2:02 pm

Re: Login and sign up customisation

by XainPro » Sun May 19, 2013 8:25 am

well its a complete code to add background text you just need to add attribute

placeholder="Any Background text goes here"

here is the example in more detail

Code: Select all

<html>
<head>
<title>title</title>
</head>
<body>
<form action="" method="get">
Login:<input type="text" placeholder="Login ID"> <br>
password: <input type="password" ><br>
<input type="submit">
</form>
</body>
</html>

User avatar

XainPro

  • Posts: 3669
  • Joined: Fri Feb 17, 2012 8:10 pm

Re: Login and sign up customisation

by Nilutpal Boruah » Sun May 19, 2013 4:08 pm

Its not working.. I've used the code:
<input type="text" size=40 placeholder="Email" style="font-size:20px;"/> please correct. And to enable CSS and javascript do i've to write any specific code in the head section?
User avatar

Nilutpal Boruah

  • Posts: 63
  • Joined: Tue May 14, 2013 2:02 pm

Re: Login and sign up customisation

by XainPro » Mon May 20, 2013 6:01 am

you must read this article
http://www.w3schools.com/tags/att_input_placeholder.asp
it will explain all the things about placeholder
User avatar

XainPro

  • Posts: 3669
  • Joined: Fri Feb 17, 2012 8:10 pm


+ Post a reply

Page 1 of 1