Giới thiệu

Trong WPF để viết đoạn văn bản thông thường ta sử dụng Textbox, tuy nhiên Textbox không đảm bảo tính bảo mật cho người dùng khi sử dụng nó để nhập mật khẩu, để bảo vệ mật khẩu của bạn tránh khỏi sự tò mò đối với những người xung quanh, trong trường hợp này chúng ta sử dụng PasswordBox  thay cho Textbox. Trong bài này csharpcanban.com sẽ hướng dẫn các bạn sử dụng PasswordBox trong WPF.

Để có thể thực hành với nội dung dưới đây, đầu tiên bạn cần đọc bài Hướng dẫn tạo mới một Project trong WPF.

Hướng dẫn

Để hiển thị PasswordBox trong WPF ta sử dụng đoạn mã sau

<Window x:Class="WpfTutorialSamples.Basic_controls.PasswordBoxSample"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="PasswordBoxSample" Height="160" Width="300">
    <StackPanel Margin="10">
        <Label>Text:</Label>
        <TextBox />
        <Label>Password:</Label>
        <PasswordBox />
    </StackPanel>
</Window>

Kết quả thu được như hình dưới đây

Như trên hình, chúng ta đã nhập chính xác cùng một đoạn ký tự là “password” vào hai hộp văn bản, nhưng trong phiên bản PasswordBox, các ký tự đã được thay thế bằng dấu chấm. Chúng ta có thể thay thế ký tự của khung PasswordBox thông qua việc sử dụng thuộc tính PasswordChar như dưới đây:

<PasswordBox PasswordChar="X" />

Trong trường hợp này ta sử dụng ký tự “X” thay cho ký tự là dấu “.”. Để giới hạn độ dài của mật khẩu, ta sử dụng thuộc tính Maxlengh, như dưới đây:

<PasswordBox MaxLength="6" />

Như ví dụ dưới đây, csharpcanban.com đã sử dụng cả 2 thuộc tính PasswordChar và Maxlengh cho PasswordBox, giá trị cho thuộc tính Maxlengh đặt là 6 có nghĩa là mật khẩu không dài quá 6 ký tự:

<Window x:Class="WpfTutorialSamples.Basic_controls.PasswordBoxSample"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="PasswordBoxSample" Height="160" Width="300">
    <StackPanel Margin="10">
        <Label>Text:</Label>
        <TextBox />
        <Label>Password:</Label>
        <PasswordBox MaxLength="6" PasswordChar="X" />
    </StackPanel>
</Window>

Kết quả thu được

Lời kết

Như vậy, trên đây csharpcanban.com đã hướng dẫn các bạn cách sử dụng PasswordBox trong WPF, trong các bài tiếp theo chúng ta sẽ cùng nhau nghiên cứu cách sử dụng RadioButton, Checkbox, Button trong WPF. Các bạn hãy thường xuyên truy cập để theo dõi.

Chúc ngày mới tốt lành.