html5 kustom form_motor node java college finishing

Ada berbagai kotak input dan tombol yang berbeda di HTML5. dan atribut. Berikut ini memperkenalkan satu per satu.

Jenis adalah teks yang elemen input adalah kotak teks -lini tunggal, yang merupakan manifestasi default dari elemen input. Kotak input teks -line tunggal mendukung pengaturan atribut berikut.

Atribut MaxLength menetapkan jumlah maksimum karakter yang dapat dimasukkan pengguna;

 <Form Method = Post Action = http: // titan: 8080/form> <p> <label for = name> name: <input maxlenth = 10 id = name name = name/> </p> </p> p> > <Label for = city> city: <input size = 10 id = city name = city/> </p> <p> <label for = fave> buah: <input size = 10 maxlenth = 10 10 id = nama fave = = Fave/> </label> </p> <typute type = kirim> Kirimkan suara </button> </form>

Atribut nilai dapat menentukan nilai default untuk kotak input;

 <Metode Form = Posting Tindakan = http: // titan: 8080/form> <p> <label for = name> name: <input placeholder = nama Anda id = nama nama/> </p> <p> <p> <Label untuk = City> City: <Input placeholder = Where You Live ID = City Name = City/> </p> <p> <label for = fave> fave> <input value = apple id = nama fave = fave/ > </label> </p> <tombol type = kirim> Kirim VOTE </aton> </form>

Efek di Chrome adalah sebagai berikut:

Saat mengatur ulang formulir dengan elemen tombol, browser akan mengembalikan prompt penentuan posisi dan nilai default di kotak teks.

Atribut daftar dapat diatur ke nilai atribut ID dari elemen datalist sehingga pengguna dapat memilih dalam daftar yang ditentukan oleh elemen datasist. Elemen datalist baru ditambahkan dalam HTML5 untuk memberikan jumlah nilai untuk membantu pengguna memasukkan data yang diperlukan.

 <Metode Form = Posting Tindakan = http: // titan: 8080/form> <p> <label for = name> name: <input placeholder = nama Anda id = nama nama/> </p> <p> <p> <Label untuk = City> City: <Input placeholder = Where You Live ID = City Name = City/> </p> <p> <label for = fave> st id = name fave = fave/> </label> <label /p> <typute type = kirim> Kirim VOTE </button> </form> <datalist id = Fruitlist> <opsi value = label apel = lovely a pples/> <value opsi = jeruk> jeruk yang menyegarkan </tiption> <opsi Nilai opsi = ceri/> </datalist>

Setiap opsi dalam elemen datalist mewakili nilai yang dapat dipilih oleh pengguna.

Atribut ReadOnly menunjukkan bahwa kotak teks hanya dibaca, atribut yang dinonaktifkan menunjukkan bahwa itu tidak dapat diedit, dan ada perbedaan dalam kinerja penampilan.

 <Metode Form = Posting Tindakan = http: // titan: 8080/form> <p> <label for = name> name: <input value = adam dinonaktifkan id = nama nama/> </p> <p> <p> <Label untuk = City> City: <input value = Boston readonly id = city name = city/> </p> <p> <label for = fave> buah: <input value = apple id = name fave = fave/> </label> </p> <tombol type = kirim> Kirim VOTE </button> </form>

Efek di Chrome adalah sebagai berikut:

Formulir dengan properti yang dinonaktifkan diatur ke Grey. kotak, tetapi tidak mempengaruhi efek penampilan, dan konten akan dikirim ke server.

Elemen input dari atribut Type adalah kata sandi digunakan untuk memasukkan kata sandi. Elemen input atribut ini mendukung atribut berikut:

1) MAXLength: Jumlah karakter maksimum yang dapat dimasukkan pengguna di kotak kata sandi;

2) pola: digunakan untuk memasukkan ekspresi verifikasi reguler;

3) Placeholder: Prompt pada tipe data yang diperlukan;

4) Readonly: Setel kotak kata sandi untuk dibaca saja;

5) Diperlukan: Pengguna harus memasukkan nilai, jika tidak, ia tidak dapat melewati verifikasi input;

6) Ukuran: Tetapkan lebarnya melalui jumlah karakter yang terlihat di kotak kata sandi yang ditentukan;

7) Nilai: Atur nilai kata sandi awal.

 <Metode form = Posting Tindakan = http: // titan: 8080/form> <p> <label for = name> name: <input value = adam dinonaktifkan id = nama nama/> </p> <p> <label untuk = Kata Sandi> Kata Sandi: <Input Jenis = Placeholder Kata Sandi = Min 6 Karakter = Kata Sandi Nama = Kata Sandi/</p> <p> <p> <label = fave> buah: <input nilai = apel id = nama fave = fave/ </label> </p> <tombol type = kirim> Kirim VOTE </button> </form>

Karakter yang dimasukkan oleh pengguna ditampilkan sebagai*di kotak kata sandi, tetapi harus dicatat bahwa ketika mengirimkan formulir, server menerima kata sandi yang jelas. Pertimbangkan untuk menggunakan SSL/HTTPS ke browser dan konten komunikasi antara server dienkripsi.

Properti Type diatur untuk mengirimkan, mengatur ulang, dan tombol untuk menghasilkan elemen tombol seperti tombol.

1) Kirim: Hasilkan tombol untuk mengirimkan formulir, atribut dukungan: Formaction, FormEnctype, FormMethod, FormTarget, dan Formnovalidate.

2) Reset: Hasilkan tombol formulir tetap;

3) Tombol: Hasilkan tombol biasa tanpa operasi apa pun.

Teks deskripsi tombol dalam 3 ditentukan melalui atribut nilai.

 <Metode form = Posting Tindakan = http: // titan: 8080/form> <p> <label for = name> name: <input value = adam dinonaktifkan id = nama nama/> </p> <p> <label untuk = Kata Sandi> Kata Sandi: <Input Jenis = Placeholder Kata Sandi = Min 6 Karakter = Kata Sandi Nama = Kata Sandi/</p> <p> <p> <label = fave> buah: <input nilai = apel id = nama fave = fave/ </label> </p> <input type = kirim nilai = kirimkan suara/> <input type = reset value = resype = b utton value = my Button/> </form>

Efek di Chrome adalah sebagai berikut:

Perbedaan antara tombol menghasilkan dan menggunakan elemen tombol dengan elemen anput adalah bahwa yang terakhir dapat digunakan untuk menampilkan teks yang berisi teks. Namun, karena setiap browser memiliki metode pemrosesan elemen input yang sama, dan beberapa browser yang lebih lama (seperti IE6) tidak dapat menangani elemen tombol dengan benar, banyak situs web lebih cenderung menggunakan elemen input.

Elemen input dari atribut tipe hanya menerima nilai. Atribut dukungan meliputi:

1) DAFTAR: Tentukan elemen datalist yang menyediakan nilai yang disarankan di kotak teks, dan nilainya adalah nilai ID dari elemen distalist;

2) Min: Tetapkan nilai minimum;

3) MAX: Atur nilai maksimum;

4) readonly: Baca saja;

5) Diperlukan: Ini berarti bahwa pengguna harus memasukkan nilai;

6) Langkah: Langkah penyesuaian nilai naik dan turun;

7) Nilai: Nilai awal dari elemen yang ditentukan.

 <Metode form = Posting Tindakan = http: // titan: 8080/form> <p> <label for = name> name: <input value = adam dinonaktifkan id = nama nama/> </p> <p> <label untuk = Kata Sandi> Kata Sandi: <Input Jenis = Placeholder Kata Sandi = Min 6 Karakter = Kata Sandi Nama = Kata Sandi/</p> <p> <p> <label = fave> buah: <input nilai = apel id = nama fave = fave/ > </label> </p> <p> <label for = harga> $ per unit di area Anda: <input type = angka langkah = 1 mnt = 0 maks = 100 nilai = 1 id = nama harga = harga/> </label> </p> <input type = kirim nilai = kirimkan suara/> </form>

Efek di Chrome adalah sebagai berikut:

Menggunakan elemen input dengan atribut tipe ke rentang, pengguna hanya dapat menggunakannya untuk memilih nilai numerik dalam ruang lingkup yang ditentukan terlebih dahulu.

 <Metode form = Posting Tindakan = http: // titan: 8080/form> <p> <label for = name> name: <input value = adam dinonaktifkan id = nama nama/> </p> <p> <label untuk = Kata Sandi> Kata Sandi: <Input Jenis = Placeholder Kata Sandi = Min 6 Karakter = Kata Sandi Nama = Kata Sandi/</p> <p> <p> <label = fave> buah: <input nilai = apel id = nama fave = fave/ </label> </p> <p> <label for = harga> $ per unit di area Anda: 1 <input type = kisaran langkah = 1 mnt = 0 maks = 100 nilai = 1 id = nama harga = harga/100 </label> </p> <input type = kirim nilai = kirimkan suara/> </form>

Efek di Chrome adalah sebagai berikut:

Atribut tipe adalah kotak centang untuk mewakili kotak centang.

1) diperiksa: apakah akan memilih secara default;

2) Diperlukan: Menunjukkan bahwa pengguna harus mencentang kotak centang;

3) Nilai: Tetapkan nilai data yang dikirimkan ke server, default.

 <Metode form = Posting Tindakan = http: // titan: 8080/form> <p> <label for = name> name: <input value = adam dinonaktifkan id = nama nama/> </p> <p> <label untuk = Kata Sandi> Kata Sandi: <Input Jenis = Placeholder Kata Sandi = Min 6 Karakter = Kata Sandi Nama = Kata Sandi/</p> <p> <p> <label = fave> buah: <input nilai = apel id = nama fave = fave/ </label> </p> <p> <label for = veggie> apakah Anda vegetarian: <input type = centang ID = veggie = sayuran/> veg etarian </label> </p> <input type = kirim nilai = Kirimkan suara/> </form>

Efek di Chrome adalah sebagai berikut:

Perhatikan bahwa saat menggunakan kotak centang, kotak centang dikirim ke server hanya ketika kotak centang dikirimkan.

Elemen input dari atribut tipe dapat digunakan untuk menghasilkan satu set tombol -pilihan tunggal. Setiap radio mewakili opsi, dan grup radio yang sama menggunakan nama yang sama. Grup tombol single -selection cocok untuk adegan dengan opsi lebih sedikit.

 <Metode form = Posting Tindakan = http: // titan: 8080/form> <p> <label for = name> name: <input value = adam dinonaktifkan id = nama nama/> </p> <p> <label untuk = Kata Sandi> Kata Sandi: <Input Tipe = Placeholder Kata Sandi = Min 6 Karakter = Kata Sandi Nama = Kata Sandi/> </p> <p> D> Vote untuk buah favorit Anda </Legend> <label untuk = apel> <input type = Nilai Periksa Radio = Apel ID = Name Apel = Fave/> Apel </Label> <Label for = Orange> <Input Type = Radio Value = Orange ID = Orange Name = Fave/> Orange </LABEL> <Label untuk = CHERIES > <input type = nilai radio = cherries id = name cherries = fave/> </label> </fieldset> </p> <input type = kirim nilai = kirimkan vote/> </form>

Efek di Chrome adalah sebagai berikut:

Jenis Nilai Atribut Email, Tel, dan URL sesuai dengan alamat email, nomor telepon dan URL, masing -masing.

1) DAFTAR: Tentukan elemen datalist yang menyediakan nilai yang disarankan di kotak teks, dan nilainya adalah nilai ID dari elemen distalist;

2) MAXLength: Jumlah maksimum karakter input;

3) Pola: Tentukan ekspresi reguler untuk memverifikasi input;

4) Placeholder: Tentukan prompt pada tipe data yang diperlukan;

5) Readonly: Baca kotak teks dan baca saja;

6) Diperlukan: Menunjukkan bahwa pengguna harus memasukkan nilai;

7) ukuran: jumlah karakter yang terlihat;

8) Nilai: Nilai awal dari elemen yang ditentukan.

Email juga mendukung beberapa atribut, menunjukkan bahwa beberapa alamat email dapat diterima.

 <Metode form = Posting Tindakan = http: // titan: 8080/form> <p> <label for = name> name: <input value = adam dinonaktifkan id = nama nama/> </p> <p> <label untuk = Kata Sandi> Kata Sandi: <Input Jenis = Placeholder Kata Sandi = Min 6 Karakter = Kata Sandi Nama = Kata Sandi/> </p> <p> <label = email = Email> Email: <Input Tipe = Email [email protected] Id = email name = email/> </p> <p> <p> <label untuk = tel> tel: <input type = tel placeholder = (xxx) -xxx- xxxx id = telur nama = tel/> </> </> Label> </p> <p> <label for = url> beranda Anda: <input type = url id = name url = url/> </p> <input type = kirim nilai = kirimkan vote/> </form>

Efek di Chrome adalah sebagai berikut:

Beberapa jenis tanggal dan waktu input ditambahkan ke HTML5, termasuk:

1) datetime: Dapatkan tanggal dan waktu dunia, termasuk informasi zona waktu;

2) Datetime-Local: Dapatkan tanggal dan waktu lokal, tidak termasuk informasi zona waktu;

3) Tanggal: Dapatkan tanggal lokal, tanpa informasi zona waktu dan waktu;

4) Bulan: Dapatkan informasi tahunan dan bulanan, tanpa informasi hari, waktu, dan zona waktu;

5) Waktu: Dapatkan waktu;

6) Minggu: Dapatkan minggu ini.

Atribut tambahan yang didukung oleh elemen input tanggal dan waktu meliputi:

1) DAFTAR: Tentukan elemen datalist yang menyediakan nilai yang disarankan di kotak teks, dan nilainya adalah nilai ID dari elemen distalist;

2) Min: Tetapkan nilai minimum;

3) MAX: Atur nilai maksimum;

4) readonly: Baca saja;

5) Diperlukan: Pengguna harus memasukkan nilai, jika tidak, ia tidak dapat melewati verifikasi input;

6) Langkah: Langkah penyesuaian nilai naik dan turun;

7) Nilai: Nilai awal dari elemen yang ditentukan.

 <Metode form = Posting Tindakan = http: // titan: 8080/form> <p> <label for = name> name: <input value = adam dinonaktifkan id = nama nama/> </p> <p> <label untuk = Kata Sandi> Kata Sandi: <Input Jenis = Placeholder Kata Sandi = Min 6 Karakter = Kata Sandi Nama = Kata Sandi/</p> <p> <p> <label = fave> buah: <input nilai = apel id = nama fave = fave/ > </label> </p> <p> <label for = lastbuy> Kapan Anda terakhir membeli: <input type = date id = lastBuy name = lastBuy/> </label> </p> <input type = kirim value = kirimkan suara/> </form>

Efek di Chrome adalah sebagai berikut:

Saat ini, kotak input tanggal dan waktu tidak didukung dengan baik di sebagian besar browser.

Atribut tipe adalah pemilihan warna, dan nilai warna diwakili dalam format 7 karakter: dimulai dengan#, dan tiga dua enam belas kemajuan berikutnya, yang mewakili nilai -nilai dari tiga warna primer merah, hijau, dan biru , seperti nilai merah, hijau, dan biru, seperti nilai tiga warna primer merah, hijau, dan biru, seperti #FF1234.

 <Metode form = Posting Tindakan = http: // titan: 8080/form> <p> <label for = name> name: <input value = adam dinonaktifkan id = nama nama/> </p> <p> <label untuk = Kata Sandi> Kata Sandi: <Input Jenis = Placeholder Kata Sandi = Min 6 Karakter = Kata Sandi Nama = Kata Sandi/</p> <p> <p> <label = fave> buah: <input nilai = apel id = nama fave = fave/ </label> </p> <p> <label untuk = warna> warna: <input type = color name = color/> </p> </p. /bentuk>

Efek di Chrome adalah sebagai berikut:

Perhatikan bahwa sebagian besar browser belum memberikan dukungan khusus untuk elemen input ini.

Elemen input tipe tersembunyi dapat digunakan untuk menyembunyikan item data dan mengirimkannya ke server saat mengirimkan formulir (biasanya untuk menggunakan fungsi ini).

 <Metode Form = Posting Tindakan = http: // titan: 8080/form> <input type = name tersembunyi = nilai rekaman = 1234/<p> <label for = name> Nama: <input nilai = adam dinonaktifkan id = nama nama = name/> </label> </p> <p> <label for = password> Kata sandi: <input type = kata sandi placeholder = min 6 charals id = kata sandi = kata sandi/> </lab el> </p> < p> <p> <label for = fave> buah: <input value = apel id = nama fave = fave/> </p> </p> <input type = kirim nilai = kirimkan vote/> </form>

Tombol yang dihasilkan oleh elemen input tipe gambar ditampilkan sebagai ikon, dan formulir dikirimkan setelah mengklik. Atribut dukungan meliputi:

1) ALT: Menyediakan teks penjelasan elemen, yang berguna bagi pengguna yang perlu menggunakan teknologi bantuan yang dinonaktifkan;

2) Formaksi: elemen tombol yang sama;

3) FormeenCtype: Elemen tombol yang sama;

4) FormMethod: Elemen tombol yang sama;

5) FormTarget: Elemen tombol yang sama;

6) Formnovalidate: Elemen tombol yang sama;

7) Tinggi: Atur ketinggian gambar dalam piksel;

8) SRC: Tentukan URL gambar yang akan ditampilkan;

9) Lebar: Atur lebar gambar dalam piksel;

 <Metode Form = Posting Tindakan = http: // titan: 8080/form> <input type = name tersembunyi = nilai rekaman = 1234/<p> <label for = name> Nama: <input nilai = adam dinonaktifkan id = nama nama = name/> </label> </p> <p> <label for = password> Kata sandi: <input type = kata sandi placeholder = min 6 charals id = kata sandi = kata sandi/> </lab el> </p> < p> <p> <label for = fave> buah: <input value = apel id = nama fave = fave/> </p> </p> <input type = gambar src = accept.png name = kirim/> < /Membentuk "

Klik tombol Gambar untuk mengirimkan formulir.

Elemen input file -type digunakan untuk mengunggah file, dan file dapat diunggah ke server saat mengirimkan formulir. Atribut dukungan meliputi:

1) Terima: Tentukan jenis penerimaan. Definisi tipe pantomim, lihat RFC 2046 (http://tools.ies.org/html/rfc2046);

2) Multiple: Setel atribut ini untuk mengunggah beberapa file sekaligus;

3) Diperlukan: Pengguna harus memasukkan nilai.

 <Form Method = Post Action = http: // titan: 8080/Form enctype = multipart/form-data> <p> <label for = name> Nama: <input value = adam dinonaktifkan id = name na me = name/> </label> </p> <p> <label for = password> Kata sandi: <input type = kata sandi plant = min 6 karakter = kata sandi nama = kata sandi/> </p> <p> <lab el for = fave> Buah: <input value = apel id = nama fave = fave/> </p> <p> <input type = file name = filedata/> </p> <input type = kirim nilai = kirimkan vote/> </form >

Perhatikan bahwa tipe kode formulir dapat diunggah ketika multipart/form-data dapat diunggah. Efek di Chrome adalah sebagai berikut:

Elemen Selet digunakan untuk menghasilkan daftar opsi, yang lebih kompak daripada elemen input jenis RadiiiObutton dan lebih cocok untuk situasi dengan lebih banyak opsi. Atribut yang didukung oleh elemen ini meliputi:

1) Nama: Nama daftar;

2) Dinonaktifkan: Nonaktifkan daftar drop -down;

3) bentuk: satu atau lebih bentuk milik area teks;

4) Autofokus: Area teks secara otomatis mendapatkan fokus setelah halaman dimuat;

5) Diperlukan: Harus diisi;

6) Ukuran: Jumlah opsi dapat dilihat dalam daftar drop -down;

7) Beberapa: Anda dapat memilih beberapa opsi.

Pilih Elemen Default adalah daftar drop -down election tunggal

 <Form Method = Post Action = http: // titan: 8080/Form enctype = multipart/form-data> <p> <label for = name> Nama: <input value = adam dinonaktifkan id = name na me = name/> </label> </p> <p> <label for = password> Kata sandi: <input type = kata sandi plant = min 6 karakter = kata sandi nama = kata sandi/> </p> <p> <lab el for = fave> Buah favorit: <pilih id = nama fave = fave> <option valu = apel yang dipilih label = apel> apel </tiption> <option value = oranye = jeruk </tiption> <opsi value = label ceri = ceri> ceri </pection> <option value = label pir = pears> pir> </pection> </tect> </p> <input type = kirim nilai = kirimkan vote/> m>

Efek di Chrome adalah sebagai berikut:

Setelah mengatur atribut ukuran dan beberapa atribut untuk daftar, itu menjadi kotak centang.

 <Form Method = Post Action = http: // titan: 8080/Form enctype = multipart/form-data> <p> <label for = name> Nama: <input value = adam dinonaktifkan id = name na me = name/> </label> </p> <p> <label for = password> Kata sandi: <input type = kata sandi plant = min 6 karakter = kata sandi nama = kata sandi/> </p> <p> <lab el for = fave> Buah favorit: <pilih id = nama fave = ukuran fave = 5 multipel> <opsi value = apel selectd label = apel> apel </tiption> <pection> label es = oranye> oranye </pection> <option valu = label ceri cherries = CHERRIES> CHERRIES </pection> <Option value = Pears Label = Pears> Pears </pection> </tect> </p> <input type = Kirim Nilai = Kirimkan VOTE/> </form>

Tekan tombol CTRL saat Anda mengklik opsi untuk memilih beberapa opsi. Efek di Chrome adalah sebagai berikut:

Elemen optgroup dapat digunakan untuk membangun struktur tertentu dalam konten elemen pilih.

1) Label: Digunakan untuk memberikan judul kecil untuk seluruh rangkaian opsi;

2) Dinonaktifkan: Opsi apa pun dalam grup dalam grup.

 <Form Method = Post Action = http: // titan: 8080/Form enctype = multipart/form-data> <p> <label for = name> Nama: <input value = adam dinonaktifkan id = name na me = name/> </label> </p> <p> <label for = password> Kata sandi: <input type = kata sandi plant = min 6 karakter = kata sandi nama = kata sandi/> </p> <p> <lab el for = fave> Buah favorit: <Pilih id = nama fave = fave> <label optgroup = pilihan atas> <option valu = apel yang dipilih label = apel> apel </pection> ion valu = label jeruk = jeruk> oranye </pection> </optgroup > <optgroup label = Other> <option valu = label cherries = ceri> ceri </tiption> <opsi value = label pir = pir Tipe Input = Kirim Nilai = Kirim Vote/> </form>

Efek di Chrome adalah sebagai berikut:

Elemen optgroup hanya memainkan peran organisasi, dan pengguna tidak dapat memilihnya sebagai opsi.

Elemen TextArea menghasilkan kotak teks multi -garis, dan pengguna dapat memasukkan teks multi -garis di dalamnya. Termasuk atribut termasuk:

1) Autofokus: Area teks secara otomatis mendapatkan fokus setelah halaman dimuat;

2) COLS: lebar yang terlihat, bilangan bulat;

3) Dinonaktifkan: Nonaktifkan area teks ini;

4) Formulir: satu atau lebih bentuk milik area teks;

5) Maxlength: Jumlah maksimum karakter di area teks;

6) Nama: Nama area teks;

7) Placeholder: Pengingat singkat tentang nilai yang diharapkan dari area teks;

8) Readulonly: Area teks hanya dibaca;

9) Diperlukan: Area teks diperlukan;

10) Baris: Jumlah garis yang terlihat di area teks, integer;

11) cara mengubah teks di area teks, termasuk: Soft (default). Saat mengirimkan formulir, teks di area teks tidak berubah;

 <Form Method = Post Action = http: // titan: 8080/Form enctype = multipart/form-data> <p> <label for = name> Nama: <input value = adam dinonaktifkan id = name na me = name/> </label> </p> <p> <label for = password> Kata sandi: <input type = kata sandi plant = min 6 karakter = kata sandi nama = kata sandi/> </p> <p> <lab el for = fave> Buah favorit: <Pilih id = nama fave = fave> <label optgroup = pilihan atas> <option valu = apel yang dipilih label = apel> apel </pection> ion valu = label jeruk = jeruk> oranye </pection> </optgroup > <optgroup label = Other> <option valu = label cherries = ceri> ceri </tiption> <opsi value = label pir = pir p> <textarea cols = 20 baris = 5 wrap = hard id = story name = Story> Ceritakan mengapa ini adalah favorit Anda </textarea> </p> <input type = kirim va lue = kirimkan suara/> </formulir >

Efek di Chrome adalah sebagai berikut:

Elemen output mewakili hasil perhitungan. Atribut dukungan meliputi:

1) untuk: satu atau lebih elemen yang terkait dengan domain output, terpisah di ruang tengah;

2) bentuk: satu atau lebih bentuk bidang input;

3) Nama: Satu -satunya nama objek (digunakan saat formulir dikirimkan).

 <Form Onsubmit = Return False Onput = Res.Value = Quant.ValueAsNumber * Price.ValueAsNumber> <Fieldset> <Gurend> Kalkulator Harga </Legend> T Tipe = Placeholder Number = Kuantitas ID = Kuanten Nama = Quant/> <Input = Nomor placeholder = harga id = nama harga = harga/> = <output untuk = nama kuant name = res/> </form>

Sistem waktu JavaScript digunakan untuk menghasilkan kalkulator sederhana.

Di atas adalah semua isi artikel ini.