làm cách nào để tăng chiều cao của hộp văn bản html

Làm cách nào để tăng chiều cao của hộp văn bản? (cùng với kích thước phông chữ)làm cách nào để tăng chiều cao của hộp văn bản html

Nguồn

2009-07-20 mrblah

bạn không nên sử dụng phép đo pt hoặc px rõ ràng cho css, bạn nên luôn sử dụng ems để tăng khả năng truy cập. –

Tôi đang gặp vấn đề tương tự, chiều cao không hoạt động: (http://codepen.io/leongaban/pen/Eknsc vì tìm kiếm, tôi sẽ đăng câu hỏi mới vào ngày mai –

Tôi giả định từ cách bạn đã đặt câu hỏi mà bạn muốn thay đổi kích thước sau khi trang đã hiển thị?

Trong javascript, bạn có thể thao tác DOM CSS properties, ví dụ:

document.getElementById('textboxid').style.height="200px"; 
document.getElementById('textboxid').style.fontSize="14pt";

Nếu bạn chỉ muốn để xác định chiều cao và kích thước phông chữ, sử dụng CSS hoặc kiểu thuộc tính, ví dụ

//in your CSS file or <style> tag 
#textboxid 
{ 
    height:200px; 
    font-size:14pt; 
} 

<!--in your HTML--> 
<input id="textboxid" ...>

Hoặc

<input style="height:200px;font-size:14pt;" .....>

Nguồn

2009-07-20 10:48:53

Đừng các height và font-size thuộc tính CSS làm việc cho bạn?

Nguồn

2009-07-20 10:49:27 Cerebrus

Tôi gặp vấn đề tương tự http://codepen.io/leongaban/pen/Eknsc –

Sử dụng CSS:

<html> 
<head> 
<style> 
.Large 
{ 
    font-size: 16pt; 
    height: 50px; 
} 
</style> 
<body> 
<input type="text" class="Large"> 
</body> 
</html>

Nguồn

2009-07-20 10:51:23 James

Tại sao bạn sử dụng pt? – inspite

Tăng kích thước font chữ trên một hộp văn bản thường sẽ mở rộng kích thước của nó tự động.

<input type="text" style="font-size:16pt;">

Nếu bạn muốn đặt chiều cao không tỷ lệ với kích thước phông chữ, tôi khuyên bạn nên sử dụng một cái gì đó như sau. Điều này ngăn các trình duyệt như IE không hiển thị văn bản bên trong ở trên cùng chứ không phải theo chiều dọc.

.form-text{ 
    padding:15px 0; 
}

Nguồn

2009-07-20 10:51:30 Sam152

Điểm tốt, do câu hỏi tôi đã giả định anh ta muốn đặt cả hai, tuy nhiên nếu nó chỉ là để tăng kích thước của hộp văn bản để phù hợp với văn bản lớn thì đây sẽ là giải pháp lý tưởng. – James

<input type="text" style="font-size:xxpt;height:xxpx">

Chỉ cần thay thế "xx" với giá trị nào bạn muốn.

Nguồn

2009-07-21 08:58:11 user

Lưu ý rằng nếu bạn muốn hộp văn bản nhiều dòng, bạn phải sử dụng số <textarea> thay vì <input type="text">.

Nguồn

2009-07-21 09:01:36

Với phong cách nội tuyến:

<input type="text" style="font-size: 18pt; height: 40px; width:280px; ">

hoặc với CSS ngoài:

HTML:

<input type="text" id="txtbox">

CSS:

#txtbox { 
    font-size: 18pt; 
    height: 42px; 
    width : 300px; 
}

Nguồn

2015-09-09 05:32:04

Khi bạn đăng các ví dụ mã, hãy đăng các giải thích cho chúng. – sideshowbarker

Nếu bạn muốn nhiều dòng xem xét việc này:

<textarea rows="2"></textarea>

Xác định hàng khi cần thiết.

Nguồn

2017-06-11 01:44:48

làm cách nào để tăng chiều cao của hộp văn bản html

Trả lời

Các vấn đề liên quan