Text Fields

helloadam 0 Tallied Votes 156 Views Share

Text fields are used when you want the user to type letters, numbers, etc. in a form. Here is a HTML code that will let user type in there First and Last names in a text field!

Add this code to your template

<form>
First name: 
<input type="text" name="firstname">
<br>
Last name: 
<input type="text" name="lastname">
</form>
Dani 4,329 The Queen of DaniWeb Administrator Featured Poster Premium Member

Of course, there will also need to be a submit button of some kind, to handle the data input.

pamwynne 0 Newbie Poster

I need the next step. Can you tell me how to do it. Thanks.

anastacia 0 Junior Poster

ya exactly what will do the work but yoy can also add radiop buttons and check boxes and a pklace to putin ys password too

mmiikkee12 1 Posting Whiz in Training

Something like this:
<form method="post" action="the_php_page.php">
<!-- a pair of radio buttons -->
<!-- if they have the same name, they're in the same group -->
<input type="radio" name="groupname" value="Option A">
<input type="radio" name="groupname" value="Option B">

<!-- a check box -->
<input type="checkbox" name="cb1" value="A Checkbox">

<!-- a password box -->
<input type="password" name="password">
</form>

Then, to process the input: (this is with PHP, I'm pretty sure you can find a JavaScript to do this if you don't have a PHP host)

Your name is <?php echo $_POST["firstname"]; echo $_POST["lastname"]; ?><br>
You selected <?php echo $_POST["groupname"]; ?><br>
<!-- one of my favorite PHP tricks: -->
<?php
$checked = isset($_POST["name"]);
if (checked)
echo "You checked the box";
else
echo "You didn't check the box";
?>
<!-- wouldn't normally say this, but it's just a demo -->
You entered <?php echo $_POST["password"]; ?> as your password

mmiikkee12 1 Posting Whiz in Training

Naturally, I forgot the submit button...
Right before the </form> tag, add this:
<input type="submit">

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.