Rumah > Artikel > hujung hadapan web > Tetapkan atribut contenteditable untuk mengedit kandungan tag HTML (boleh menggantikan textarea)_HTML/Xhtml_Web page production
Tetapkan atribut contenteditable untuk mengedit kandungan tag HTML (boleh menggantikan textarea)_HTML/Xhtml_Web page production
- WBOYasal
- 2016-05-16 16:37:331750semak imbas
Jika anda menambah contenteditable="true" pada BODY, anda dapat melihat betapa ajaibnya atribut ini. Oleh itu, kita boleh menetapkan atribut contenteditable="true" kepada teg HTML dan teg boleh diedit.
Atribut boleh diedit kandungan serasi dengan semua penyemak imbas (keserasian versi sebelum IE6 belum diuji)
Dalam sesetengah kes, kita boleh menggunakan DIV untuk menggantikan input atau textarea untuk mencapai kesan yang sama Contohnya, apabila menggunakan ajax, kita boleh mendapatkan kandungan DIV apabila menyerahkan borang.
Orang yang berhati-hati akan mendapati bahawa kotak teks untuk menyiarkan ulasan dalam ruang QQ sebenarnya adalah DIV, bukan kotak teks kawasan teks.
Cara Div CSS mensimulasikan kebolehsuaian ketinggian kawasan teks untuk memenuhi atribut boleh diedit kandungan standard HTML5
Kesan ini dicapai terutamanya dengan menambahkan atribut boleh diedit kandungan dalam HTML5 pada teg (boleh diedit: menentukan sama ada pengguna dibenarkan mengedit kandungan Apa yang menarik ialah IE juga menyokong atribut ini, jadi anda tidak perlu risau juga). banyak tentang isu keserasian.
DEMO: