Textbox Styling

Question

Hi How to display Textbox like this Thanks

Rijwan Ansari · Answer

This is quite simple you can with css https://www.pakainfo.com/different-css-textbox-styling-examples/ "en" > Bootstrap Example "utf-8" > "viewport" content= "width=device-width, initial-scale=1" > "stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" > "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" > "https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" > .txt-style{ border-left: 4px solid red; background-color:#ccc; } class = "container" > Horizontal form class = "form-horizontal" action= "/action_page.php" > class = "form-group" > class = "control-label col-sm-2" for = "email" >Email: class = "col-sm-10" > "email" class = "form-control txt-style" id= "email" placeholder= "Enter email" name= "email" > class = "form-group" > class = "control-label col-sm-2" for = "pwd" >Password: class = "col-sm-10" > "password" class = "form-control txt-style" id= "pwd" placeholder= "Enter password" name= "pwd" > class = "form-group" > class = "col-sm-offset-2 col-sm-10" > class = "checkbox" > "checkbox" name= "remember" > Remember me class = "form-group" > class = "col-sm-offset-2 col-sm-10" > "submit" class = "btn btn-default" >Submit

Rajeesh Menoth · Answer

Hi, Css styling should be apply in the textbox based on the validation.

Ramco Ramco · Answer

Hi Rajeesh How to show red color in Textbox Thanks

Rajeesh Menoth · Answer

Hi, Try with bootstrap. Reference : https://getbootstrap.com/docs/5.0/forms/validation/ https://www.w3schools.com/bootstrap/bootstrap_forms_inputs2.asp https://www.c-sharpcorner.com/article/understating-of-bootstrap-4-form-validation/

Textbox Styling

Answers (4)