Responsive Touch Input Text Box - HTML,CSS

By -


I Had created a text input field for touch interface for the mobile web development for you to create a text input for touch devices like iPad and  it  is responsive and easy to integrate, so you can easily use this code for your mobile web development , i had a long text box with great looking UI  and a large button .


Style:

font-family : Century Gothic

font-size   :    25px;


                                          DEMO 1    DEMO 2     DOWNLOAD



Responsive Touch Input Text Box -spixup



Style For Text Box:

 <style>
body
{
font-family : Century Gothic;
font-size :25px;
colour : blue;

 background : lightblue;

 }

 input
{


 padding : 10px;

 border : 2px;
.hover : blue;
font-family : Century Gothic;
font-size :25px;
width : 600px
}

 input:focus
{
border-color:yellow;
}

 </style>





Author : Solomon David

         



Responsive Touch Input Text Box ,text box in html And css touch mobile text box for mobile resposive text box text area for easy download  ,

Comments

  1. ICSE Java7 June 2013 at 06:50

    The feel of the text box looks good. :)

    ReplyDelete
  2. Unknown31 July 2013 at 02:22

    Thanks for the post its help full...
    Web Designer ( IRFAN )

    ReplyDelete
  3. Unknown10 August 2013 at 21:05

    Nice info admin
    I need u r help
    I m siva kumar friend
    so pls give friend req in fb because I m blocked for 30days
    u can find me in siva friend list
    My ID is
    Sandeep sharma
    My mail id is
    Sandeepsharma19823@gmail.com

    ReplyDelete

Post a Comment

Popular posts from this blog

Like And Dislike Rating System With PHP ,MySQL and Jquery

By -
Image
There Are many Rating system in the internet , but the like and dislike is really a welcomed project so i had created a simple like and dislike from surfing the internet and i found this great script and made some changes to this to make really a good rating system for you to use, this script has like and dislike function and easy to implement you don't need that's much coding knowledge it can bee used in article rating system picture rating any of your wish its special feature is easy integration and easy to install and use .                                                                              DEMO                 DOWNLOAD Database code for creating table ...
Read more

Wikipedia Instant Search In Jquery With Integrated Voice Search

By -
Image
 i created a Wikipedia instant search in jquery with integrated voice search, with little differences  in UI with jquery and html, by using Wikipedia  API Call Back function. And  by using the instant search  function   .keyup(function(e)) .  This brings the meta-title information of Wikipedia as you type on the search box with smooth and fast as well as you can search with your voice as i included the voice search system by adding this html  code in input field = ( x-webkit-speech )  note : this voice search will be working only in Google chrome browser        
Read more

Take Screen Shot Of Web pages In API

By -
Image
You have seen many websites like Google and other directories extract webpage screen shot and preview them like the same way i had crated a simple code with an help of  Immediatenet.com API to extract the any web page screen shot in real time this is a very easy and handy API i created this simple working demo with  PHP to get the URL and merge with the API link to extract or preview the web page or website with fast and easy you can view the demo here Demo                 Download API To Display Screen Shot Try Pasting This Link In The Browser http://immediatenet.com/t/m?Size=1024x768&URL=http://www.twitter.com Advantages : 1.fast load 2.customized sizes 3.easy to use The service API as 4 different sizes; s for small, m for medium, l for large, fs for full size: <img src="http://immediatenet.com/t/s? <img src="htt...
Read more