HTML - Pre-fill An Input Field In A Form
Topic
How do I prefill an input field in a form? I don't mean "value=hello"
I mean have a light gray text inside that says "enter your first name" and then when the user starts typing that text disappears. I thought there was an html tag that did this (or a form tag like type=""). I hope it doesn't require CSS... thanks! Similar TutorialsHow do I prefill an input field in a form? I don't mean "value=hello" I mean have a light gray text inside that says "enter your first name" and then when the user starts typing that text disappears. I thought there was an html tag that did this (or a form tag like type=""). I hope it doesn't require CSS... thanks! Hi Guys I have a text input field in a form that has data in it from a previous entries. Is there something i can do that ensures the field is empty when the form is pulled up? Thanks everyone Hi, I've got an HTML form running on an internal intranet site. It contains a vbscript that pulls the username from the local machine. Is there a way to put that username in a text box on the html page for submission later? Please see the code below for reference thanks <html> <head> </head> <body> <script type="text/vbscript"> set objNetwork = createobject("wscript.network") document.write(objNetwork.Username) </script> </body> </html> Hi, I could do with some help. I have built a form which allows visitors to add there insect records to a mysql database. One of the fields is a date. Instead of the user having to type in the date each time I would like to include a button saying 'Todays date'. When the user presses the button it automatically fills in the date field with the todays date. Could someone please tell me how I could do this. Thanks Simon Ok so here is my issue, i am new to web site design and i have a simple project i would like to work on. I am looking to have an entry box with a simple submit button, then i would like the submissions to be displayed below in the order they are submitted. I would also like to limit the number of submissions that show on the page at a given time by creating multiple pages that can be viewed. This seems like a very simple issue but im having trouble finding solutions on the web. Would inserting a java app or some other secondary tool be better? Any help is appreciated -Matt Hi everyone - I've been building our new site located at http://viralms.com for the last few weeks. There is just one thing I can't seem to figure out. On the home page there is a Marketing Evaluation form with "Name" and "Email" fields. When someone is to fill out those 2 fields and hit "Continue" I want it to land on this page: http://viralms.com/analysis.html Upon loading the analysis page, the name and email fields should be automatically filled out. I've seen it done before but can't really figure out how to do it Thanks J I was wondering, if there is a web page with forms, is there anyway you can create a link so that some of the input boxes are automatically filled. This would be nice so that I can email a few links to a lot of my friends and I've already filled out some of the info for everyone. Thanks for the help. ~Bryan H.~ i would like the following to be the same size in every browser. i currently have it fitted for firefox. it's almost perfect in internet explorer, but about a pixel too long. as for opera, it is actually a bit too short. any ideas? http://bombfubk.bravehost.com/test.html html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <link href="css/test.css" rel="stylesheet" type="text/css" /> </head> <body> <form action="" method="get"> <label for=""> <input name="test" type="text" id="test" value="bfgbfbfbf" size="69" /> </label> </form> </body> </html> css: form { margin: 0px; padding: 0px; } label { background-color: #009933; display: block; padding: 5px; width: 440px; } So I'm really new to html and I apologize if I'm asking a really obvious/ stupid question. Is there any way that I could make an input button/ form and retrieve the input field value in a specific place? I mean like, is it possible to have the input value sent as a comment in a specific livejournal post? Hi I want to do two things: 1) pre populate the input field (the following isn't pre populating in FF) <input type='text' name='txt' id='txt' onFocus='this.select()' VALUE='GIGS' class="formInput" /> CSS: form input {padding-top:5px; font-size:large; background-color:#fff; border:none; height:31px;} 2) make the pre populated text have a different format to the text people write in it. Is it possible? Will it be html, or involve JS? Thanks for your time and help. Shaun Hi, i'm new here and fairly new to html and use a point and click interface for making websites. Can someone help me with an html code that can do the following?: -Its an large input field for visitors to post text and pictures which will then be sent to my email-, to be reviewed for content by me. I will then edit the website with the visitor's content. Sorry if it wasn't clear enough. Thank You, Frostysnow Hi, What I have is a search field that searchs from say 200 - 400 and displays anything in between that figure. What I would like it to do is also show results from 400 - 499. Is there away of adding 99 to any value entered so rather than searching for 100 it is searching for 199. But when it gets to 1000's it would need to be 999. Is this possible? If so is it possible cn you do it without displaying the 99 so it shows the figure they entered but in the background its doing the work? Thanks alot Joe Hi Everyone, I am trying to arrange 2 text input fields and one textarea so that 2 input fields are positioned vertically (one above the other) and textarea is positioned to the right of these 2 input fields. I looked on the web on how to construct rows and tables and scooped up this code where I show how I position these elements: HTML Code: <table border="1"> <tr> <th>Heading</th> <th>Another Heading</th> </tr> <tr> <td>INPUT FIELD</td> <td>TEXTAREA</td> </tr> <tr> <td>INPUT FIELD</td> <td>blank</td> </tr> </table> But the problem is that text area creates a huge vertical space between 2 input fields that is equal to the height of textarea. I need textarea and input fields to be independent of eachother and for textarea height not to affect the vertical space between the 2 input fields. Could somebody, please, tell me how this can be done? I tried to insert additional tables and tried to also create it in DreamWeaver but I am not that knowledgeable with these tools. Please help, Thanks, Victor. Hi all, I have a text input field, and I would like it to autocomplete from a list. For example the input field is for cities, and when the user types 'lon' I want it to automatically show a list of cities that have lon in the beginning of it's name, or if there are no others for it to autocomplete for the user. It doesn't necessarily have to be a text input element, it can be something else I just don't know what to use or how to go about it. Anyone got any ideas? The page can be found he http://www.trinityacademy.org/alumni/addressBook. You can tab from field to field but can't click on the fields. IF Google toolbar is enabled then you can click on the fields that Google recognizes for autofil but not on the fields it does not. I am baffled by this one. Any ideas??? I have some fields and a Select option, I want to add a new field if I select "Add" option, and remove field when I select "Remove" option, can I do it in very simple JavaScript? This should be so simple task but no. How can I pass input field value to the function? What I read from the input field, as soon as I press the "Save results" the value of the input field should be passed within the function. All I can do is puit 'stuffhere' and it works but simply can not manage to retriveve the input data! <form name="inputData"> <input type="text" name="userName" size="32"/><br /> <a href="#" OnClick="SetText('resultHandler','Username',' stuffhere ');SendMessageToTheObject('resultHandler','saveResult');return true;"><font color="red">[Save result]</font></a> </form> Hey, I'm jst starting to learn html and I was someone could give me an example of how to create a a simple form with 2 input fields which are set to a value say "hello" in first field and "World" in second field when the button is clicked. Thanks Hi all, I have a simple newsletter form, so just the email field and a submit, what I would like to do is to send this data to a larger subscriber form, so one that has name, email (with the data previously entered already added), list to subscribe to etc. Can this be done? Thanks Hi everybody! I have a jsp page with a form and a table. My aim is that when i press the submit button of the form,collect the data and fill the table with it. I am working with J2EE. I have already collected the data in a Java class,but I dont know how to introduce this data into the table. Best Regards! ok im new go easy. im trying to make a site and i need the user to post a url into a form input field say .. PIC . this is a standard input field. now ... i want to display a pic using <img> and then instead of a "www.blah blah" hardwired , i want to use the string the user entered instead. any ideas? thanks do much A customer gave me a Word doc that they want turned into a printer friendly web page. I understand that there are tons of ways to do this but I really want the answer to the subject. What i'm referring to is a form that someone can print from the browser and "fill in the blanks" on the page where there are "underscores". My question is how to code those underscores. I tried manipulating the <hr> tag but it's putting way too much space in between each <hr>. I've already coded a "fill in the blank" line using <u> nbsp;</u> but that looks very messy. What do you guys/gals think? I'm relatively new to html, specifically I have never programmed a web form before. My submit page (It's an archive-style site where I encourage people to submit their own stories) seems to have multiple problems, including he simple fact that it doesn't seem to display properly. My main issue, and the one I'm asking about here, is that people keep submitting blank forms and I want to make it so the STORY field is required. Sorry that the code is a mess, but as I said I'm pretty new to this. Thanks for any help you can provide. Code: <html><head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Archive Poster</title> </head> <body text="#ffffff" vlink="#FF0000" alink="#FF0099" bgcolor="#000000"><style type="text/css"><!--A {text-decoration: none} .style1 { border-left-style: solid; border-left-width: 1px; border-right: 1px solid #FFFFFF; border-top-style: solid; border-top-width: 1px; border-bottom: 1px solid #FFFFFF; } --> </style> <center><table width="600" cellpadding="0" cellspacing="0" class="style1"> <tbody><tr> <td valign="CENTER" width="600" align="left"> <br><blockquote><hr><hr> <font size="6" color="#ffffff" face="ARIAL"><b>Post Your Story Here</b> </font> <br> <hr><hr> <p align="justify"><font size="3" face="ARIAL"><b> To help us to post your story faster -- please supply some basic <br> information about your story below. Please try to answer all <br> pertinent questions, then click the "submit" button and submit your <br> story to the archive. Thank you.</b> </font><br><br> </p><hr> <hr> <form action="http://acctcgi.xxxxx.org/formmail.cgi" method="post"><font size="3"> <input name="subject" value="New Story Submission" type="hidden"> <input name="successpage" value="thanks.htm" type="hidden"> </font><pre><font size="3"><font size="4" face="ARIAL">Story title:</font> <input name="TITLE" size="50" type="text"> <font size="4" face="ARIAL">Author name or nickname:</font> <input name="NAME" size="50" type="text"> <font size="2" face="ARIAL">If you wish to remain anonymous leave blank</font> <font size="4" face="ARIAL">A brief description of your story:</font> <textarea name="COMMENTS" rows="10" cols="60"></textarea> <font size="4" face="ARIAL">Appropriate story codes: GENDER (Pick one that best describes your story)</font><br> <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <input name="ITEM1" value="xxxxx" type="radio">(xxxxx) xxxxx <br> Other: <input name="GENDER" size="50" type="text"> <font size="4" face="ARIAL">Appropriate story codes: TYPE (Pick as many as necessary)<br> </font> <input name="ITEM2" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM3" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM4" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM5" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM6" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM6" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM7" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM8" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM9" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM10" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM11" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM12" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM13" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM14" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM15" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM16" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM17" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM18" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM19" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM20" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM21" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM22" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM23" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM24" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM25" value="xxxxx" type="checkbox">(xxxxx) xxxxx <input name="ITEM26" value="xxxxx" type="checkbox">xxxxx <br> Other: <input name="TYPE" size="50" type="text"> <font size="4" face="ARIAL">Public Author Contact Address:</font> <input name="EMAIL" size="50" type="text"> <input name="Annon" value="Yes" type="checkbox">Please hide my address.<br><br> </font><hr size="6" noshade="noshade"><center><font size="3" face="ARIAL">Story submission guidelines</font></center> <hr size="6" noshade="noshade"> <font size="2" face="ARIAL"><br></font><p align="justify"> <font size="2" face="ARIAL">Please follow these steps when submitting a story: <br><br> We want to have the files available to everyone. ASCII PLAIN TEXT is the basic medium and there is no one with computer access that can't read a text file. <br> The best format to send your story in, is "plain text" with white space between paragraphs. Don't format line length and don't worry about story length since we can accept any length story. <br><font size="4" color="#ff0000"><b> We will accept only plain text files. You may copy and <br> paste to the window below.</b><br></font> We will not accept DOC, WPS, or any other word processor formats. The archive staff apologizes for any inconvenience that this may cause contributing authors, but there are a few "funny" people out there who continually try to "pass along" viruses to us and with the proliferation of these viruses we find it no longer feasible to accept the risk. <br>If you are unable to copy and past and transmit your story using the archive poster please contact us through the link shown at the bottom of the page and we will try to accommodate you via regular email. But even then we will only accept ASCII plain text formats. <br> We will format your story using the above guidelines if you submit it in any other form.</font></p> <font size="2" face="ARIAL"><br> </font><center><table width="515" bgcolor="#999999" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td valign="CENTER" width="515" align="left"><blockquote> <br> <center><font size="4"><b>Story Submission box</b></font></center></blockquote> </td> </tr> </tbody></table> </center> <font size="2" face="ARIAL"><font size="4" color="#000000" face="ARIAL">Copy and past your story he </font> <label for="Story"> <textarea name="STORY" rows="50" cols="62"></textarea></label> <br></font><center> <font size="2" face="ARIAL"> <input name="subject" value="New Story Submission" type="hidden"> <input name="successpage" value="thanks.htm" type="hidden"> <input value="Submit Story" type="submit"></font></center> </tr> </tbody></table> </center> <br> <center><a href="index.htm">Return to the Main Page</a></center> </body></html> Hello, I have a form which is used to pass a password in 2 factor authentation. What I am looking to do is to take : <input class=CTXMSAM_ContentFont type="Password" title="Enter password" name="passwd1" size="13" maxlength="32"> and split it into two form fields but when the user submits the form combining both fields to be submitted wth the name="passwd1" This is crutial for authentication to work. The reason for this is that the password is a secure token which contain a PIN + Tokencode. Currently the need to put both in one field and hit submit combining it them selves. This is not optimal as end users are not the smartest eggs out there. Thanks The full .js script is below: var loginPrefilled = false; function SetCookie(cookieName,cookieValue) { var today = new Date(); var expire = new Date(); expire.setTime(today.getTime() + 3600000*24); document.cookie = cookieName+"="+escape(cookieValue)+";path=/;expires="+expire.toGMTString(); } function UnsetCookie(cookieName) { document.cookie=cookieName+"=nothing;expires=Thursday, 1 Jan 1970 00:00:00 GMT; path=/"; } function ns_check() { var login=document.forms['vpnForm'].login.value; if(login == "") {window.alert("You need to enter login name"); return false; } SetCookie("NSC_USER", login); return true; } function ns_disperrmsg() { if(document.cookie.length>0) { if(document.cookie.indexOf("NSC_VPNERR=4001") != -1) { document.writeln("<FONT COLOR=#000000><B><CENTER> Invalid username or password.</CENTER></B></FONT>"); UnsetCookie("NSC_VPNERR"); return; } } document.writeln(" "); } UnsetCookie("NSC_AAAC"); UnsetCookie("NSC_USER"); function ns_getcookie(name) { var cookie=document.cookie; if(cookie.length > 0) { begin=cookie.indexOf(name+"="); if(begin!=-1) { begin+=name.length+1; end=cookie.indexOf(";", begin); if(end==-1) end=cookie.length; return unescape(cookie.substring(begin, end)); } } return null; } function ns_fillName() { var value=ns_getcookie("NSC_NAME"); document.vpnForm.login.focus(); if(value!=null) { document.vpnForm.login.value = value; loginPrefilled = true; document.vpnForm.login.style.color = "#777"; document.vpnForm.passwd.focus(); UnsetCookie("NSC_NAME"); } } function loginFieldCheck() { if(loginPrefilled == true) { document.vpnForm.login.blur(); } } function ns_showpwd() { var pwc = ns_getcookie("pwcount"); document.write('<TR><TD align=right><SPAN class=CTXMSAM_ContentFont style="FONT-WEIGHT: bold">Windows Password'); document.write(':</SPAN></TD>'); document.write('<TD><input class=CTXMSAM_ContentFont type="Password" title="Enter password" name="passwd" size="13" maxlength="32"></TD></TR>'); if ( pwc == 2 ) { document.write('<TR><TD align=right> <SPAN class=CTXMSAM_ContentFont style="FONT-WEIGHT: bold">SecurID PASSCODE:</SPAN> </TD> <TD> <input class=CTXMSAM_ContentFont type="Password" title="Enter password" name="passwd1" size="13" maxlength="32"> </TD></TR>'); } UnsetCookie("pwcount"); } Here is a link to what I am working on now... http://209.97.201.191/ If you notice the drop down menus they disappear, or only partially show when using Firefox. In IE they work perfect. I have never come across this problem before. Any ideas as to what is causing it? |