Để thêm không gian bên trong trường văn bản của biểu mẫu, hãy sử dụng thuộc tính CSS padding.
Bạn có thể thử chạy đoạn mã sau để đạt được điều này:
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
input[type = text] {
width: 100%;
padding: 10px 15px;
margin: 5px 0;
box-sizing: border-box;
}
</style>
</head>
<body>
<p>Fill the below form,</p>
<form>
<label for = "subject">Subject</label>
<input type = "text" id = "subject" name = "sub">
<label for = "student">Student</label>
<input type = "text" id = "student" name = "stu">
</form>
</body>
</html>