Tạo một textarea tất cả các mũ?

Question

Tôi đang cố gắng tạo một vùng văn bản chỉ có thể nhập chữ hoa, ngay cả khi người dùng không giữ phím shift hoặc đã bật caps lock. Lý tưởng nhất điều này sẽ chấp nhận đầu vào không có vấn đề gì và chỉ tự động chuyển nó vào tất cả các mũ. Hầu hết các cách mà tôi nghĩ là có vẻ hơi vụng về và cũng sẽ hiển thị chữ thường trước khi nó được chuyển đổi.

Bất kỳ đề xuất hoặc chiến lược nào?

Answer 1

bạn có thể sử dụng CSS

textarea { text-transform: uppercase; } 

Tuy nhiên, điều này chỉ làm cho trên trình duyệt. giả sử nếu bạn muốn chèn văn bản vào một tập lệnh hoặc db trong vùng văn bản như tất cả các mũ thì bạn sẽ phải sử dụng số toUpperCase(); của javascript trước khi gửi hoặc gửi biểu mẫu.

đây là jsfiddle ví dụ:

html:

<textarea>I really like jAvaScript</textarea> 

css:

textarea{ 
text-transform: uppercase; 
} 

javascript:

var myTextArea = document.getElementsByTagName('textarea'); 

for(var i=0; i<myTextArea.length; i++){ 
    console.log('Textarea ' + i + ' output: ' + myTextArea[i].innerHTML); //I really like jAvaScript 
    console.log('Textarea ' + i + ' converted output: ' + myTextArea[i].innerHTML.toUpperCase()); //I REALLY LIKE JAVASCRIPT 
} 

Answer 2

CSS:

textarea { text-transform: uppercase; } 

Answer 3

Quintin,

Tạo một phong cách trong CSS của bạn như sau:

textarea { text-transform: hoa; }

Answer 4

Hãy thử thêm một

textarea{ 
    text-transform: uppercase; 
} 

vào vùng văn bản.

Answer 5

Thêm bạn có thể lấy nó CSS:

textarea { text-transform: uppercase; }