仅用HTML/CSS直接从URL填充页面元素是否可行？

答案很明确：必须编写代码（比如JavaScript）才能实现这个需求，纯HTML和CSS做不到。

• HTML是静态标记语言，只能定义页面结构和初始静态内容，没有主动发起HTTP请求、获取外部数据并更新DOM的能力。你举例的<input value='domain.com/somthing' type="text">里，value只是静态字符串，浏览器不会自动请求该URL并把响应结果赋值给它。
• CSS负责样式渲染，只能基于已有的DOM内容、状态或用户交互调整样式，完全不具备数据请求和修改DOM内容的能力，根本无法读取外部URL返回的动态数据。

要实现你的需求，必须借助JavaScript，比如用fetch API发起请求后更新HTML元素：

// 假设要填充到id为username的input中
fetch('domain.com/somthing')
  .then(response => response.text()) // 返回JSON则用response.json()
  .then(data => {
    document.getElementById('username').value = data;
  });

如果是服务器端渲染场景，虽然前端最终拿到的是已填充数据的HTML，但这也是服务器端通过代码逻辑提前注入的数据，并非纯前端HTML/CSS独立完成的。

内容的提问来源于stack exchange，提问作者gotiredofcoding