在文本输入中移动文本
我已经制作了一个表单，但在其中添加了 0px 边距的地方，它还将该边距应用于输入内的文本（例如，您将在用户名输入中放置姓名的位置），这意味着它位于左侧盒子的手边缘。
如何在框内的文本中添加边距，同时保留框本身的边距？
提前致谢。
I've made a form, but where I've added a 0px margin to it, it has also applied that margin to text inside the input (e.g. where you would put your name, for a username input) meaning that it's against the left hand edge of the box.
How can I added a margin to the text within the box, while keeping the margin on the box itself?
Thanks in advance.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
我认为这里的人完全不理解你的问题。 OP 询问如何在输入表单内的文本上应用边距，同时在输入本身上仍然保留边距。
他的问题提得有点不对。他正在寻找的是如何缩进输入中的文本。使用：
编辑：我确实意识到这是一个 7 年前的回答，但通过谷歌搜索确实没有任何其他正确的答案。
I dont think the people here understand your question completely. The OP is asking how he can apply a margin to the text inside the input form while also still having a margin on the input itself.
His question is stated a little wrong. What he's looking for is how to INDENT the text inside the input. Use:
EDIT: I do realize this is a 7 year old response, but there really aren't any other proper answers to this via google search.
您正在寻找填充而不是边距。
边距位于元素外部，内边距位于元素内部
You're looking for padding not margin.
Margin is outside of the element and padding is on the inside
设置文本框的填充。例如：
input.text{padding:5px;}这意味着padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;另外，我假设您的文本输入的类名称是
textSet padding to the text box. Like:
input.text{padding:5px;}This meanspadding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;Also, I'm assuming the class name of your text input is
text您可以使用 text-indent 属性将文本放置在文本类型的输入字段内，如下所示：
在 value 中，您指定希望文本向左定位的值。
You can position text inside input field of type text using the text-indent property as follow:
In value you specify the value by which you want your text to be positioned that much to left.