how to make a box with text in html code example
Example 1: how to make a textbox in html
Simple code:
<input type="text" name="textbox_name" id="textbox_id"
class="textbox_classname">
Apart from this there are many other attributes are there which we can use in textbox
> placeholder
> style
> value
etc..
Example 2: html box
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<style>
.box {
height:5px;
width:5px;
background-color:blue;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
color:blue;
border-width: 15px 15px 15px 15px;
border-color: blue;
border-style: solid;
border-radius: 70%
outline-color: blue;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 10px;
}
</style>
<div class="box">
<h1 style="color:black;position:absolute;font-family:helvetical;font-size:20px;left:20px;bottom:325px;">Your Text</h1>
</div>
</body>
</html>
Example 3: how to make a box in html
<div style="width:500px;height:100px;border:1px solid #000;">This is a rectangle!</div>
Example 4: text box
<input type="text" class="form-control" placeholder="Input box">
<input type="text" class="form-control" placeholder="Input box (disabled)" disabled>
<textarea class="form-control" rows="2" placeholder="Textarea"></textarea>
<textarea class="form-control" rows="2" placeholder="Textarea (disabled)" disabled></textarea>