chiều cao đầu vào hộp văn bản

Question

Tôi đã làm cho kích thước của hộp lớn hơn. nó trông lớn hơn trong khung nhìn thiết kế của thiết kế mộng nhưng dường như không hoạt động trong trình duyệt.

<input type="text" **height="60%"** name=" item" align="left" /> 

Answer 1

Sử dụng CSS:

<input type="text" class="bigText" name=" item" align="left" /> 

.bigText { 
    height:30px; 
} 

Dreamweaver là một công cụ kiểm tra nghèo. Nó không phải là một trình duyệt.

Answer 2

Nếu bạn muốn tăng chiều cao của trường nhập, bạn có thể chỉ định line-height thuộc tính css cho trường nhập.

input { 
    line-height: 2em; // 2em is (2 * default line height) 
} 

Answer 3

Chỉ cần sử dụng CSS để tăng nó height:

<input type="text" style="height:30px;" name="item" align="left" /> 

Hoặc, thường lần, bạn muốn tăng nó chiều cao bằng cách sử dụng đệm thay vì chỉ định một chiều cao chính xác:

<input type="text" style="padding: 5px;" name="item" align="left" /> 

Answer 4

Bạn có thể xác định các trường nhập class hoặc id cho các trường nhập.

Hoặc

input { 
    line-height: 20px; 
} 

Hy vọng điều này sẽ giúp bạn.

Answer 5

Tôi đến đây tìm kiếm một đầu vào thực sự là nhiều dòng. Hóa ra tôi không muốn đầu vào, tôi muốn một vùng văn bản. Bạn có thể đặt chiều cao hoặc chiều cao dòng như các câu trả lời khác, nhưng nó vẫn chỉ là một dòng của một hộp văn bản. Nếu bạn muốn nhiều dòng thực tế, hãy sử dụng văn bản thay thế. Sau đây là ví dụ về văn bản 3 hàng có chiều rộng 500px (phải là một phần tốt của trang, không cần thiết để thiết lập điều này và sẽ phải thay đổi nó dựa trên yêu cầu của bạn).

<textarea name="roleExplanation" style="width: 500px" rows="3">This role is for facility managers and holds the highest permissions in the application.</textarea>