给input中的placeholder设置位置

input::-ms-input-placeholder{text-align: center;}
input::-webkit-input-placeholder{text-align: center;}

 

可以将居中属性替换为定位属性:

input::-webkit-input-placeholder{position:relative;left:20px;}   //此命令有效

 

此外,将居中属性替换成外边距是无效的:

input::-webkit-input-placeholder{margin-left:20px;}   //此命令无效

此分享来自于:

https://blog.csdn.net/qq_32963841/article/details/83378404#comments

巴拉巴拉:

==主页传送门==

### 回答1: inputplaceholder位置是指在输入框中显示的提示文本的位置。通常位于输入框内部,以灰色字体显示,用于提示用户输入该输入框所需的内容。当用户开始输入时,placeholder文本会自动消失,直到用户再次清空输入框时才会重新出现。 ### 回答2: 在网页设计中,placeholder是指在表单输入区域或搜索框中出现的提示信息。它是一种文本占位符,通常用于帮助用户识别何种类型的信息应该输入到文本框中。placeholder在表单输入区域中占据输入区域内部的一部分空间,它在用户输入信息时动态地消失或改变,以示用户应该输入哪些信息或填写哪些表单。 在页面设计中,placeholder位置非常重要。正确使用占位符,可以帮助用户更好地理解他们应该输入何种信息,提高表单的易用性和用户体验。一般来说,占位符应该出现在输入区域的左侧或上方,它们可以使用文本和/或图像,并应该清晰明了地描述所需输入的信息类型。 其他一些重要提示包括: 1.占位符应该是短小精悍的,并且只描述需要的信息类型,不应太复杂。 2.占位符内容应该与输入区域的类型匹配,并且应该与表单的设计和主题相吻合。 3. 占位符应该在字段输入后立即消失,或者变成灰色扭曲的文本,以便用户能够区分它们和用户输入的文本。 4. 占位符应该适当使用,过度使用会影响用户体验,使用户误解其用途和功能。 在设计表单时,占位符位置的选择是至关重要的。正确地使用占位符,可以提高表单的易用性和用户体验,这对于网站或在线应用程序的成功和流行至关重要。 ### 回答3: placeholder是一个在input中的占位符文本,通常用于描述输入内容的预期值或提示用户输入内容的格式。在输入字段的空白区域中显示placeholder,它通常比输入内容小、灰色显示,因此不会被用户误认为真正的输入值。 placeholder通常是通过HTML标记中的"placeholder"属性来添加。它在不同的浏览器中的表现略有不同,但在大多数情况下都以灰色文本形式出现。当用户开始输入文本时,placeholder文本会自动消失。placeholder文本的位置通常在输入字段内部的左上角或者中心列位置。 在实际应用中,我们需要考虑到placeholder位置和充分利用它的功能。placeholder位置要足够明显和易于寻找,但也不宜过大,以免它占用了过多的输入空间。对于熟练用户,placeholder可以给出更具体的提示,从而使他们的输入更加快速和准确。对于不太熟练的用户,也可以通过更直观和易于理解的文字和示例来帮助他们更好地完成输入。 总之,placeholder是一个非常有用的功能,可以让用户更加准确和高效地完成输入。通过合理地设置它的位置样式,我们可以使应用程序更加用户友好。
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值