HTML5中input输入框默认提示文字向左向右移动首先演示input输入框代码<style> * { margin: 0; padding: 0; } .sousuo { width: 458px; height: 34px; margin-left: 190px; margin-top: 200p
letter-spacing:10px;
text-indent:10px
<
input
type="button" value="按钮" style="width:80px; text-align:center" />对齐的自然没有用
都没有用,于是自己摸索了以下,用margin-left会导致整个
输入框
右移,那就用padding-left试试,结果还真可以
可以将居
中
属性替换为定位属性:
input
::-webkit-
input
-placeholder{position:relative;left:20px;} //此命令有效
单击事件,类似于PC端的click,但在
移动
端
中
,连续click的触发有200ms ~ 300ms的延迟
2. touch类事件
触摸事件,有touchstart touchmove touchend touchcancel 四种之分
touchstart:手指触摸到屏幕会触发
touchmove:当手指在屏幕上
移动
时,会触发
touchend:当手指离开屏幕时,会触发
touchcancel:可由系统进行的触发,比如手指触摸屏幕的时候,突然alert了一下,或者系统
可以通过
CSS
的padding属性来设置
input
输入框
中
的
文字
距离
输入框
左边的距离。例如,下面的样式代码可以让
input
输入框
中
的
文字
距离
输入框
左侧有10像素的空白区域:
<style>
input
{
padding-left: 10px;
</style>
在这里,我们使用了
CSS
选择器选
中
了所有的`<
input
>`元素,并设置了它们的左侧内边距为10像素(padding-left: 10px)。你可以根据需要调整这些属性的值,来实现不同样式的效果。