Buat Kolom HTML <input> Number Secara Online
Generator HTML Number Input membuat kolom <input type="number"> berlabel untuk memasukkan nilai numerik. Atur nama, ID, label, placeholder, nilai awal, minimum, maksimum, dan langkah. Pratinjau, keluaran HTML, dan keluaran C# diperbarui secara bersamaan.
Browser menggunakan min, max, dan step dalam validasi batasan dan dapat menyediakan kontrol pemutar. Atribut tersebut menentukan nilai yang diizinkan, tetapi kode sisi server tetap harus memvalidasi data yang dikirim.
Opsi Generator Number Input
- Name mengidentifikasi kolom dalam data formulir yang dikirim.
- ID mengidentifikasi input dan memberikan nilai yang sesuai untuk atribut
forpada label. - Label menyediakan teks terlihat yang terkait dengan input.
- Placeholder menampilkan petunjuk singkat saat kolom kosong.
- Value menetapkan nilai numerik awal.
- Minimum dan Maximum menentukan rentang numerik yang diizinkan.
- Step menentukan interval antar nilai yang valid dan harus lebih besar dari nol.
Pastikan Minimum tidak lebih besar dari Maximum dan pilih Value yang sesuai dengan rentang dan langkah yang ditetapkan.
Buat HTML Number Input dalam C#
Panel C# menunjukkan cara membuat kolom angka dan label yang telah diatur dengan Aspose.HTML for .NET . Kode yang dihasilkan mengikuti alur berikut:
- Buat
HTMLDocumentdanHTMLInputElementdenganCreateElement(). - Tetapkan jenis, nama, ID, placeholder, nilai awal, rentang, dan langkah berdasarkan opsi yang dipilih.
- Buat
HTMLLabelElement, kaitkan dengan input, lalu tetapkan teks yang terlihat. - Tambahkan kedua elemen dengan
AppendChild()dan tulisnumber-input.htmldenganSave().
Atur batasan numerik terlebih dahulu, lalu salin kode C# terbaru ke proyek .NET Anda.
FAQ Generator HTML Number Input
1. Kapan saya harus menggunakan <input type="number">?
Gunakan elemen ini untuk kuantitas yang memang digunakan dalam operasi numerik, seperti jumlah, ukuran, atau hitungan. Jangan gunakan untuk pengenal berbentuk angka seperti kode pos, nomor rekening, atau nomor kartu.
2. Apakah min dan max selalu mencegah pengguna memasukkan nilai di luar rentang?
Tidak selalu. Browser dapat mengizinkan nilai sementara atau nilai yang diketik di luar rentang, lalu melaporkannya tidak valid saat validasi batasan. Validasi juga nilai yang dikirim di sisi server.
3. Apa yang dikontrol oleh atribut step?
Atribut ini menentukan interval antar nilai yang valid dari basis langkah yang berlaku. Misalnya, min="0" dengan step="0.5" mengizinkan 0, 0.5, dan 1. Step harus berupa angka positif.
4. Dapatkah kolom angka menerima nilai desimal?
Ya. Masukkan nilai desimal dan pilih Step desimal yang sesuai, misalnya 0.01. Browser dapat menampilkan pemisah lokal, tetapi nilai atribut HTML yang dihasilkan memakai sintaks angka standar yang dapat dibaca mesin.
5. Dapatkah placeholder menggantikan label yang terlihat?
Tidak. Teks placeholder menghilang saat pengguna memasukkan nilai dan bukan nama aksesibel yang andal. Pertahankan Label singkat yang dikaitkan melalui nilai for dan id yang sama.
Instal Aspose.HTML for .NET
Instal Aspose.HTML for .NET dari NuGet menggunakan .NET CLI:
dotnet add package Aspose.HTML
Anda juga dapat menggunakan antarmuka NuGet Package Manager atau menjalankan Install-Package Aspose.HTML di Package Manager Console. Lihat
panduan instalasi
untuk detail penyiapan, atau minta
lisensi sementara
untuk mengevaluasi API tanpa batasan evaluasi.
Generator HTML Lainnya
Buat elemen dan struktur HTML lainnya dengan generator khusus.