Results 1 to 6 of 6

Thread: Input type with CSS

  1. #1
    Join Date
    Dec 2009
    Posts
    292

    Input type with CSS

    Hello sir,
    During the creation of a static page in HTML,we can make the different objects in the HTML.My question is that,can I use the CSS functioning on the objects of HTML like text box,buttons and so many thing.How is it possible with CSS and how it would be performed.
    Please tell me some solution for this matter.

    Thanks.

  2. #2
    Join Date
    May 2008
    Posts
    2,389

    Input type with CSS

    Absolutely,you can change the display of the HTML object on the web page using CSS(cascade style sheet).There are so many different objects are being used in the HTML and you can apply CSS display effects on all of those.

    You can add your settings when you create the objects using input type statement.

    You need to create a CSS file and include the name of the file in HTML code for page development.The objects which is created through the input type statement,the changing behavior would be affected to all according to settings in the CSS file.

  3. #3
    Join Date
    Feb 2008
    Posts
    1,852

    input fields with simple CSS

    If you need to create an attractive and good looking web forms then you need to create the controls and then apply the effects on that.

    The effects can be applied using CSS.There are some simple tricks which can be applied on the display behavior of controls in web pages.

    If you want an exciting look for your text box (border and input background and all),radio buttons.The name of the object control would be used as a reference for the CSS file and the name of the controls should be unique.

  4. #4
    Join Date
    Jan 2008
    Posts
    1,521

    Input type with CSS

    Adding borders to Text box-

    The text box is created using the Input type=text statement and with a unique name.To create a text box,you can use this statement-

    <input type="text" class="text" value="" />

    Code:
    #iput_area input[type="text"], #inputArea textarea
    {
        font-family: Arial, Sans-Serif;
        font-size: 13px;
        margin-bottom: 5px;
        display: block;
        padding: 4px;
        border: solid 1px #85b1de;
        width: 300px;
    }

  5. #5
    Join Date
    Apr 2008
    Posts
    1,948

    Check box with CSS behavior

    You can setup the background of the check box using the CSS method.To change the background and border behavior of both of the objects.

    I wish,the the background and border of the check box should be configured then you can do it very easily with the help of CSS tricks.

    Code:
     input[type="checkbox"]
       {
           background: transparent;
            border: 0;
       }
    The background and border of the check box control would be changed.The same procedure can be applied on radio button also.

  6. #6
    Join Date
    May 2008
    Posts
    2,012

    Effect of CSS on Input type

    Effect of CSS on Input type

    You can create the affect on the controls at a time.You need to just pass the name of control with comma and then in the last,you perform the codes for all the controls which is defined above with the comma separated.

    The definition would be as follows-

    Code:
    input[type=text],
    input[type=button],
    input[type=submit],
    input[type=reset],
    input[type=password],
    input[type=file] { margin: 2px 2px 2px 2px; color: #000000; font: normal normal normal 10px verdana; border: 1px #7799aa solid; }
    This the code through which you can change the display behavior of the different controls at a time.

Similar Threads

  1. Replies: 1
    Last Post: 01-10-2011, 07:35 AM
  2. Redesign input type="file"(button)
    By $kRITIKa$ in forum Software Development
    Replies: 6
    Last Post: 12-06-2011, 12:59 AM
  3. Input type radio in html
    By BoanHed in forum Software Development
    Replies: 3
    Last Post: 18-11-2009, 02:07 PM
  4. HTML input type password
    By Antarjot in forum Software Development
    Replies: 3
    Last Post: 18-11-2009, 01:32 PM
  5. Input Type Checkbox
    By raviranch in forum Software Development
    Replies: 5
    Last Post: 14-04-2009, 03:07 PM

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Page generated in 1,711,640,969.50677 seconds with 16 queries