+ 1
font size in form element
i wnt to change form font of password and gender but i cant and also i want to create big radio.... help me plz <form> username</br> <input type="text" name="username"/></br> password</br> <input type="PASSWORD" name="username"/></br> <p> Gender</h1> <input type="radio" name="gender" value="male">male</br> <input type="submit" value="submit"> </form> ... .... in css form{ font-size:60pt; color:white; padding:0px 20px; } input{ font-size:30pt;
4 Answers
+ 10
If possible, please provide a Minimal, Complete, and Verifiable code @ Code Playground so we can help you to take a look on the code. š
+ 8
Again, it would be helpful if you copy-paste the code @ Code Playground so everyone can check your code easily.
The general way to apply styling would be adding a class attribute to the corresponding tag and use the same class name in CSS selector with custom style. In addition, generally both label and input tags are paired together. Therefore it would look something like these:-
[ HTML ]
<label class="txt-label">Password</label>
<br>
<input type="password" name="password" />
...
<label class="txt-label">Gender</label>
<input type="radio" name="gender" value="male" />
Male
[ CSS ]
.txt-label { font-size: 33px; }
Hopefully it helps! š
+ 2
thank u very much
+ 1
thank u for ur help...
i want to change font of gender and username in different size.....
<html>
<head>
<title>my coding sedule</title>
<link rel="stylesheet" href="/storage/emulated/0/code/my coding sedule/my coding sedule.css">
<body>
<div class="section">
<h1><span>MY CODING SEDULE</span></h1>
</br></br></br>
<table >
<tr>
<td>TIME</td>
<td>SUNDAY</td>
<td>MONDAY</td>
<td>TUESDAY</td>
<td>WENESDAY</td>
<td>THUSDAY</td>
</tr>
<tr>
<td>8-8:30am</td>
<td bgcolor="orange">learn</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>9-10am</td>
<td></td>
<td bgcolor="yellow">practice</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>1-2pm</td>
<td></td>
<td></td>
<td bgcolor="blue">play</td>
<td></td>
<td></td>
</tr>
<tr>
<td>3:45-5pm</td>
<td></td>
<td></td>
<td></td>
<td bgcolor="pink">code</td>
<td></td>
</tr>
<tr>
<td>5-6pm</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td bgcolor="green">discuse</td>
</tr>
</table>
</div>
<!..table section end..>
</br>
<form>
username</br>
<input type="text" name="username"/></br>
password</br>
<input type="PASSWORD" name="username"/></br>
<p>
Gender</h1>
<input type="radio" name="gender" value="male">male</br>
<input type="submit" value="submit">
</h1>
</form>
</body>
</html>
.......
........
CSS
html{
padding:0;
}
body{
font-size:30pt;
font-family:cursive;
background-color:#7d0066;
padding:100px 10px 100px 10px;
}
h1{
font-size:40pt;
color:white;
text-align:center;
padding:0 0 0 0;
margin:0 0 -50px 50px;
}
span{
padding:50px 50px 50px 50px;
border:20px dashed skyblue;
margin:0 0 0 0;
}
table{
width:100%;
font-size:20pt;
color:white;
}
table, th, td{
border:2px solid yellow;
padding:0 0 0 0 ;
margin:0 0 0 0;
text-align:center;
table-layout:fixed;
}
form{
font-size:60pt;
color:white;
padding:0px 20px;
}
input{
font-size:30pt;
}
Often have questions like this?
Learn more efficiently, for free:
Hot today
Help me please š„ŗš„ŗ
0 Votes
Javascript
0 Votes
What's wrong with this code
2 Votes
Help
1 Votes
Help me Debug!!!
1 Votes
Raspberry Pi 5 Server
2 Votes