masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > Kaedah untuk menentukan input type=file style_HTML/Xhtml_Web page production

Kaedah untuk menentukan input type=file style_HTML/Xhtml_Web page production

WBOY
Lepaskan： 2016-05-16 16:41:18
asal
1621 orang telah melayarinya

Mengapa mencantikkan kawalan fail? Cuba bayangkan, kanak-kanak yang lain semuanya berpakaian kemas dan cantik, tetapi dua daripada mereka tidak memandang rendah pada anda.

Kawalan fail asal adalah seperti ini:

Jangan fikir ini terdiri daripada teks dan butang, ia adalah kawalan , kod html ialah:

Salin kod
Kod adalah seperti berikut:

>
Dalam kes ini Kami menggunakan teks dan butang untuk memaparkan gaya fail ini Kod html adalah seperti berikut:



Salin kod<.>Kod Seperti berikut:




< ;/form>
div>


Lapisan luar div adalah untuk menyediakan rujukan kedudukan untuk input di dalam, kerana ia perlu diposisikan secara relatif semasa menulis gaya, supaya kawalan fail sebenar meliputi yang disimulasikan, dan kemudian menyembunyikan kawalan fail (walaupun kawalan fail tidak kelihatan), jadi kod css adalah seperti ini:



Salin kod
Kod adalah seperti berikut:
.file-box{ position:relative;width:340px}
.txt{ height: 22px; sempadan:1px pepejal #cdcdcd; lebar: 180px;}
.btn{ warna latar:#FFF; : absolute; atas: 0; kanan: 80px; tinggi: 24px;
Rendering:



Akhirnya meninggalkan DEMO: klik untuk melihat demo


Tentukan gaya input type="file"

Label berkaitan：
file gaya
sumber：php.cn
Artikel sebelumnya：Tulis HTML anda dengan cara ini untuk menjadikan kod anda lebih serasi_HTML/Xhtml_Webpage Production Artikel seterusnya：[Reka Bentuk Web] Kongsi templat halaman web E-WebTemplates asing (FLASH PSD source file HTML)_HTML/Xhtml_Penghasilan halaman web
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Walaupun selepas mengosongkan, nilai input fail saya kekal Seperti yang anda boleh lihat dalam tangkapan skrin. Saya memilih fail, menyimpan pop timb...
daripada 2024-04-06 15:44:52
0
1
384
Cipta sistem log masuk PHP asas: panduan langkah demi langkah Saya mempunyai tugas untuk membuat sistem log masuk menggunakan php, khususnya yang mencin...
daripada 2024-04-02 11:54:37
0
1
412
Ubah suai tatasusunan PHP untuk melepaskan petikan tunggal Saya sedang memuat naik fail .xlsx ke tapak web dan membacanya ke dalam tatasusunan dan ke...
daripada 2024-04-01 20:35:28
0
1
304
Tidak dapat mengalihkan fail muat naik ke /tmp Ini ialah kod uploads.php saya: <?phpini_set('display_errors',1);error_reporting(E_ALL)...
daripada 2024-04-01 15:28:12
0
1
283
Anda tidak boleh menggunakan hasil fungsi dalam fungsi lain Saya mempunyai dua fungsi convertToBase64(fail) untuk menukar fail addData(nilai) untuk me...
daripada 2024-04-01 13:13:20
0
1
379
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan