Nov 22, 2009

Text Size In "fill-in" Form Blanks - How do you change the size of the text in the fill in form entry boxes

free web hosting
Open Discussion > MODERATED AREA > The Internet > Web Design

Text Size In "fill-in" Form Blanks - How do you change the size of the text in the fill in form entry boxes

tomt491
Thanks for all the help on my previous question about adding an address to a "Submit" button. I've also been able to add a "print page" button through the help from group members. I now have another question.

I've created a form using the Input commands that ask for name, address, state, etc. My computer is set to use 12 point text on a 800 x 600 screen resolution. When I hit the print screen button, everything is printed out fine, but I would like the information that people will be entering into the various boxes to be of a larger or bolder style. The whole reason for the print screen with filled in blanks is to make it easier for the Registrar of an upcoming meeting to receive registration forms that are easy to read and don't have terrible hand writing on them.

Is it possible to change the size of the requested information with the addition of HTML coding? If so, can any of you point me in the right direction.

Thanks in advance for any help.

Tom T.

Comment/Reply (w/o sign-up)

jlhaslip
Assuming that you have the following html code:

CODE
<div id="input5">
    <label for="comments">Comments:</label>
    <textarea id="comments" rows="5" cols="30"></textarea>

  </div>
and the following CSS will increase the font-size:
CODE
#comment {font-size: 1.5em; } // or pixel size?


We would need to see the actual form code you have, prefer a link to the page, but the html and css code will work.
Using the sample above, notice the id="comments" for the textarea id? that is how I have targetted the CSS to find the correct spot to increase the size.

Comment/Reply (w/o sign-up)

tomt491
Folks,

After posting my question about changing the size of the text that is added to the Input lines, I did some Google.com searching and came up with the following entries to add to my Styles listings. They seem to work great.

<style>
input {font-size:10pt}
input {font-weight: 600}
input {font-family: Arial, Helvetica, sans-serif}
</style>

Thanks for all the comments and help.

Tom T.

Comment/Reply (w/o sign-up)



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Similar Topics

Keywords : text, size, fill, form, blanks, change, size, text, fill, form, entry, boxes

  1. Key Sounds In Text Box On Webpage
    Typing Key sounds when keys are pressed (1)
  2. What Program Do You Use To Design Your Web?
    Frontpage, Dreamweaver, a good text editor? (103)
    I personaly choose frontpage because its easy to use but.....I use dreamweaver for PHP.....
  3. Another Question On Mysql Table Data Type
    text field for lots of text. (1)
    In my MySQL table I would like to use one text field which can contain lots of text. What I want to
    use it for is for student records, and I want to be able to add to it without destroying what is
    already there. I want the field to contain something like: ****03/11/2007**** Chopin prelude No 9:
    small problem bars 12-15. Advice given on how to practice. ****10/11/2007**** Problem in Prelude
    overcome, piece successfully completed. New piece set: Beethoven Sonata No 1, movement 1. etc. This
    is of course just an example, but that is how I want to set up my student records....
  4. Need Help Designing Website For Online Novels
    Making lots of text comfortable to read (3)
    I want to start getting my website hammered out, and I realize that I'm not exactly sure how to
    balance an attractive design with basic readability. I generally don't like templates and
    programs, preferring to work things out from the bottom up as much as possible. I've got some
    basic HTML "programming" under my belt, but everything I learned was 5+ years ago, and before CSS.
    If possible, I'd like to design something with a "frame" effect over the top of the page and on
    the left all the way down with a background for menus and buttons, with the backgrou....
  5. Html Editor
    Text editor or HTML Editor (7)
    What is a HTML editor? A HTML editor i basically a text editor but it has some advanced
    features.The important one being able to translate written text into HTML codes.Nowadays everyone
    uses HTML editors but still there are some guys doing it over a Text editor What do you fell about
    this At present iam creating a webpage with MS FP .It is user friendly and actually a very good
    tool for a beginner.Beginers look no further than FP.Also one cannot expect,atleast 99% ,a flop show
    from Microsoft.It has an integrated FTP. But all sites do not support FP extensi....
  6. Flashing Text?
    can u help me (13)
    Is there a way to make text flash on a webpage as i think it would be cool can anyone help??????? i
    just want to be able to make text flash cheers chris....
  7. Text Effects
    Talk about all text effects here. (7)
    Anybody on here do photoshop text effects?? some of mine are on www.photobucket.com/cooper_nffc
    password: cooper /wink.gif" style="vertical-align:middle" emoid=";)" border="0" alt="wink.gif" />....

    1. Looking for text, size, fill, form, blanks, change, size, text, fill, form, entry, boxes

Searching Video's for text, size, fill, form, blanks, change, size, text, fill, form, entry, boxes
See Also,
advertisement


Text Size In "fill-in" Form Blanks - How do you change the size of the text in the fill in form entry boxes

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com