如何使用css组合到表单中的文本框？ [关闭]

Posted 2023-04-18

【中文标题】如何使用css组合到表单中的文本框？ [关闭]

【英文标题】：how to combine to text box in a form using css? [closed]

【发布时间】：2012-12-10 23:37:21

【问题描述】：

如何在 tumblr https://www.tumblr.com/login 上使用 css 将表单合并到文本框 如果它不能由 css 完成，那怎么能做到呢？请帮我解决这个问题

我想让登录表单看起来更好，所以我想像a link 那样组合用户名和密码框的输入框

【问题讨论】：

可以做到的是CSS。尝试一些代码，并在此处发布。

我尝试制作图像并将其强加在表单上，​​但效果不佳

html 和 CSS 的美妙之处在于，如果您能找到已经完成的示例，您可以查看源代码以了解它们是如何完成的。通过检查现代浏览器（如 chrome、firefox 和 safari）中的工具，这变得更加简单。尝试检查您发布的链接上的代码并尝试解决此问题。如果此时您的代码无法正常运行，请随时在此处发布您编写的代码并解释其中的问题，每个人都会很乐意帮助您。

我什至用谷歌搜索了很多，但事情并没有正常工作，所以请帮忙，因为我对此很陌生

他们使用 javascript 来显示和隐藏文本框中的文本。一些浏览器在没有 JS 的情况下支持这一点。检查这个问题。 ***.com/questions/7550610/pre-fill-input-text-box

【参考方案1】：

右键单击该登录页面并单击查看源代码并将其复制到记事本中并保存为 html 文件。他们在单个页面中实现了多项操作，例如注册、密码帮助等。所以你只需要找到登录部分并删除其余部分。只需保留以下样式表。您可以根据需要更改这些文件，

<link rel="stylesheet" type="text/css" href="https://secure.assets.tumblr.com/stylesheets/compressed/global.css?cb1e8b42147f30c2e13d62135690991a"><link rel="stylesheet" type="text/css" href="https://secure.assets.tumblr.com/stylesheets/compressed/onboarding.css?1adfaf6588f389f7567dae907f646280"><link rel="stylesheet" type="text/css" href="https://secure.assets.tumblr.com/stylesheets/compressed/dashboard.css?bccedfaa1a01c28c280ee47200935a38"><link rel="stylesheet" type="text/css" href="https://secure.assets.tumblr.com/stylesheets/compressed/hello_tags.css?17d5a86bd54c60a37ef98400e6b86b4c"><link rel="stylesheet" type="text/css" href="https://secure.assets.tumblr.com/stylesheets/compressed/notification_new.css?9003193efe4adc94a3d8c85421fa6403">

一旦你有了 html 中的登录部分，你就可以拥有与 Tumblr 登录相同的登录页面。