只要是form数据都可以展示,下面是一个示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Form Data Display</title> <style> .read-only-container { margin: 20px; padding: 20px; border: 1px solid #ccc; } .read-only-field { margin-bottom: 10px; } .read-only-label { font-weight: bold; } </style> </head> <body> <div id="read-only-display"></div> <script> function displayReadOnlyData(formData) { const container = document.getElementById('read-only-display'); container.innerHTML = ''; // 清空容器内容 for (const key in formData) { if (formData.hasOwnProperty(key)) { const fieldContainer = document.createElement('div'); fieldContainer.className = 'read-only-field'; const label = document.createElement('span'); label.className = 'read-only-label'; label.textContent = `${key}: `; const value = document.createElement('span'); value.textContent = formData[key]; fieldContainer.appendChild(label); fieldContainer.appendChild(value); container.appendChild(fieldContainer); } } } // 示例表单数据 const exampleFormData = { name: 'John Doe', age: '30', email: 'john.doe@example.com' }; // 调用展示只读数据的函数 displayReadOnlyData(exampleFormData); </script> </body> </html>
网友回复
DLNA与UPnP的区别和不同?
苏超自建抢票app,通过先预约再抽签化解高并发抢票?
python如何让给电脑在局域网中伪装成电视接收手机的投屏图片视频播放?
如何结合python+js如何自己的视频编码与加密播放直播?
python如何在电脑上通过局域网将本地视频或m3u8视频投屏电视播放?
腾讯视频爱奇艺优酷vip电影电视剧视频如何通过python绕过vip收费直接观看?
有没有可免费观看全球电视台直播m3u8地址url的合集?
有没有实现观影自由的免vip影视苹果 CMS V10 API的可用url?
python如何实时检测电脑usb插入检测报警?
如何判断真人操作的鼠标移动直线轨迹与机器操作的轨迹?