前端怎么实现一个相对美观又比较简单的一个页面呢

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 1367 天前的主题，其中的信息可能已经有所发展或是发生改变。

大概是一个写出来交给后端维护的页面，只有一个表单的内容，里面会有一些单选多选，还会有几个请求，好久没用原生 html 写了突然上手有点犯傻无从下手的感觉（另外使用环境是没有外网的所以不能远程引入包）希望提供点思路感谢

页面

外网

单选

表单

17 条回复 • 2021-03-16 16:10:21 +08:00

jszyhq

2021-03-16 14:02:20 +08:00

美观和简单都是相对 ui 的吧？要我就会求助 UI：）

wednesdayco

2021-03-16 14:06:34 +08:00

ctrl+c ctrl+v

AX5N

2021-03-16 14:09:13 +08:00

bootstrap

muunala10221

2021-03-16 14:12:18 +08:00

@jszyhq 哈哈我们公司没有 UI 产品都没

muunala10221

2021-03-16 14:12:46 +08:00

@AX5N 但是也要引入包呀我想只提供一个 html 页面

Shook

2021-03-16 14:13:57 +08:00

你的意思是开发环境没有外网，还是部署环境没有外网？
如果是后者，用任意一个现代框架，搭配 UI 库，都可以很快地写出好看的页面啊。
element-ui 、ant-design 之类的。

cmdOptionKana

2021-03-16 14:16:04 +08:00

@muunala10221 没必要强行手写，有“相对美观”这个要求，就算有能力手写，也需要写一大堆 css 。

bootstrap 可以先下载到本地的，完全不需要外网。

muunala10221

2021-03-16 14:17:12 +08:00

@Shook 第二者，UI 组件库我知道，但只有一个表单呀太小了没必要用那么大的我就想知道有没有什么手写的 HTML 开源的可以让我抄下哈哈

bi531334444

2021-03-16 14:21:50 +08:00

codepen 找一个就完了

SuperMild

2021-03-16 14:25:05 +08:00

@muunala10221 何必省这点资源，等你找到一个合适的参考源码，用 UI 库早就写完了。

hbolive

2021-03-16 14:36:24 +08:00

@muunala10221 http://html.wayfine.com/参考下这个吧，把 jquery 部分删除就是。。

lokya

2021-03-16 15:05:08 +08:00

找点美观的 css 然后 c+v 搞定

Shook

2021-03-16 15:08:13 +08:00

@muunala10221 按需引入，没用到的不打包。

Reapper

2021-03-16 15:10:46 +08:00

手写 html 和 css，需要兼容吗？不需要那就 document.querySelector 等原始走起，请求用 fetch，需要那就 jq，我就知道 jq，hhh

zywz999

2021-03-16 15:31:14 +08:00

只用 bootstrap 的 css 文件即可

littleshy

2021-03-16 15:33:42 +08:00

用 water.css 这种没有 class 的 CSS 试试？

yzhen123

2021-03-16 16:10:21 +08:00

用 css 类库 https://bulma.io/