Hướng dẫn how do you split a text box in html? - làm thế nào để bạn tách một hộp văn bản trong html?

Sử dụng phương thức chia tách chuỗi JavaScript [^] Ví dụ:
example:

Try it


function myFunction[] {
    var text1 = document.getElementById["textbox1"].value;
    var result = text1.split["--"];
    document.getElementById["textbox2"].value = result[0];
    document.getElementById["textbox3"].value = result[1];
}

Tôi muốn chia hộp văn bản của mình thành ba khu vực, ví dụ: Tôi muốn các giá trị được hiển thị như 951-05-8765456. Có cách nào để hiển thị "-" Theo mặc định sau 3 vị trí không và vì vậy khi người dùng nhập giá trị, nó sẽ được chia tự động. Tôi muốn hộp văn bản của tôi như trong hình ảnh

Hỏi ngày 17 tháng 12 năm 2013 lúc 11:29Dec 17, 2013 at 11:29

BlackpopblackpopBlackPOP

5.5812 Huy hiệu vàng32 Huy hiệu bạc48 Huy hiệu đồng2 gold badges32 silver badges48 bronze badges

2

Về cơ bản, bạn không thể làm chỉ với CSS, vì vậy bạn có thể sử dụng plugin jQuery này và bạn làm điều đó một cách dễ dàng.

Plugin mặt nạ

Bạn có thể sử dụng plugin này cho hộp văn bản của mình như sau:

$[".TEXT_BOX_CLASS"].mask["9999/99999/99999"];

Đã trả lời ngày 17 tháng 12 năm 2013 lúc 11:34Dec 17, 2013 at 11:34

ParixitparixitParixit

3.7893 huy hiệu vàng38 Huy hiệu bạc60 Huy hiệu đồng3 gold badges38 silver badges60 bronze badges

1

    
    
    
    

    




   


    $['.mynum'].keydown[function [] {
        var value = $['.mynum'].val[];
        var len = value.length;        
        if [len == 4]
            value += '/';
        if [len == 10]
            value += '/';
        if [len == 16]
            return false;
        $['.mynum'].val[value];
    }];

Đã trả lời ngày 17 tháng 12 năm 2013 lúc 11:43Dec 17, 2013 at 11:43

Bạn cần sử dụng 3 hộp văn bản với thuộc tính MAXLEPT với CSS như 4/5/5 và sử dụng CSS, bạn có thể xóa đường viền của hộp văn bản ngoại trừ đường viền dưới cùng.

 /
 /
 

CSS:

.Split{
    border:none;
    border-bottom: 1px solid black;
    width:50px;
}

Bản demo: //jsfiddle.net/jun9t/1/

Đã trả lời ngày 17 tháng 12 năm 2013 lúc 11:32Dec 17, 2013 at 11:32

Krish rkrish rKrish R

22.3K7 Huy hiệu vàng49 Huy hiệu bạc57 Huy hiệu đồng7 gold badges49 silver badges57 bronze badges

3

Làm thế nào để bạn chia một hộp văn bản?

Những gì đang chia văn bản trong HTML?

Làm cách nào để phân tách văn bản trong một dòng trong HTML?

Làm thế nào để bạn chia các hộp văn bản trong PowerPoint?