How do you style input that PHP posted with a CSS selector?

Question

I want to create a webpage that posts onto itself text inserted into an input field, using CSS to stylize said text once it becomes part of the page. However, I don't know how to refer to it with a CSS selector. I've done what every HTML-newb tries when encountering a problem and wrapped both the form code and PHP statement in classified DIVs, however, the computer visibly doesn't know what I'm trying to address. Likewise, wrapping the PHP statement in paragraph tags doesn't apply to it the stylization said tags are associated with.

For Reference, Form & PHP Code:

<form method = "post">
<textarea name="input"></textarea>
<input type="submit">
</form>

<?php echo $_POST['input'];?>

My apologies if the solution to this is obvious; I can't find information addressing it.

whatistruth · Accepted Answer · 2022-01-13 06:14:30Z

2

you could inline style it or with a class.

<form method = "post">
  <textarea name="input"></textarea>
  <input type="submit" name="submit">
</form>
<div class="input-value">
<?php 
if(isset($_POST['submit])) {
  echo $_POST['input'];
}
?>
</div>

use .input-value class in css

answered Jan 13, 2022 at 6:14

whatistruth

1471 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nasik · Accepted Answer · 2022-01-13 05:51:03Z

1

Please try this!

<form method = "post">
<textarea name="input"></textarea>
<input type="submit">
</form>
<?php echo "<div style='color:red;font-family:verdana;font-size:300%'>" . 
$_POST['input'] . "</div>" ?>

Are you looking for this? Please let me know! Thanks!

edited Jan 13, 2022 at 5:51

answered Jan 13, 2022 at 5:40

Nasik

439 bronze badges

2 Comments

Jimburger Over a year ago

This worked perfectly; I chose the other answer as the solution due to the fact that styling the output with a class is more convenient than doing so inline, but your answer's a big help. Thank you!

Nasik Over a year ago

:) Thanks for letting me know your feedback!

Collectives™ on Stack Overflow

How do you style input that PHP posted with a CSS selector?

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest