masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > 常用input文本框内容自动垂直居中并默认提示文字单击为空

常用input文本框内容自动垂直居中并默认提示文字单击为空

php中世界最好的语言
Lepaskan： 2018-02-12 10:02:57
asal
2898 orang telah melayarinya

这次给大家带来常用input文本框内容自动垂直居中并默认提示文字单击为空，常用input文本框内容自动垂直居中并默认提示文字单击为空的注意事项有哪些，下面就是实战案例，一起来看一下。

本效果有三个功能：

1、内容自动垂直居中
2、默认提示文字显示灰色
3、单击后变为空 

<input type="text" name="wd1" id="qy_1" maxlength="100" style="color:gray;width:199px;height:30px;line-height:30px;" autocomplete="off" value="请输入企业名称" style="color:gray;" onfocus="javascript:if(this.value == &#39;请输入企业名称&#39;) this.value = &#39;&#39;; this.style.color=&#39;gray&#39;;" onblur="if(this.value == &#39;&#39;) {this.value = &#39;请输入企业名称&#39;; this.style.color = &#39;gray&#39;;}">
Salin selepas log masuk

相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

html的内联元素和块级元素有哪些不同

怎样使用trigger方式实现不用点击file类型的input弹出文件选择对话框

Html中有哪些标记文字注释的符号

Atas ialah kandungan terperinci 常用input文本框内容自动垂直居中并默认提示文字单击为空. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
input kandungan 自动
sumber：php.cn
Artikel sebelumnya：HTML中划分框窗有哪些常用属性 Artikel seterusnya：input的文本框怎么做到和img验证码
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
Tidak dapat mendapatkan elemen input daripada tapak web Jadi saya cuba mendapatkan elemen input daripada Twitter tetapi apabila saya menjalankanny...
daripada 2024-04-06 18:59:57
0
1
442
Acara tuding JavaScript pada elemen pseudo khusus vendor 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
daripada 2024-04-06 15:35:24
0
1
274
Paparkan tatasusunan objek bersarang dalam jadual HTML dengan mengulang Saya mempunyai input berikut yang mengandungi pelbagai objek bersarang. summary ialah tata...
daripada 2024-04-05 14:11:42
0
1
1373
Biarkan React memberikan teg penutup input? Saya mempunyai permintaan yang luar biasa. Tapak web saya dibina menggunakan React dan say...
daripada 2024-04-03 23:01:01
0
1
320
Pemalam Shopware 6: Cara mengalih keluar konfigurasi boolean dan memindahkannya ke konfigurasi berbilang pilih Saya mempunyai pemalam Shopware6 yang pada masa ini dikonfigurasikan dengan nilai ulasanSk...
daripada 2024-04-03 23:09:28
0
1
410
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