HTML5中input输⼊框默认提⽰⽂字向左向右移动的⽰例
代码
HTML5中input输⼊框默认提⽰⽂字向左向右移动⾸先演⽰input输⼊框代码
<style>
* {
margin: 0;
padding: 0;
}
.sousuo {
html5开发示例
width: 458px;
height: 34px;
margin-left: 190px;
margin-top: 200px;
border: 2px solid red;
}
</style>
</head>
<body>
<input class="sousuo" type="text" placeholder="请输⼊搜索内容...">
</body>
代码运⾏界⾯图
重要的点来了
可以看到默认提⽰⽂字是紧紧靠着左边框的
我们为了美观需要把它往后移动只需要在css中添加代码
text-indent: 20px;
下⾯我们看下加⼊代码后的运⾏界⾯
到此这篇关于HTML5中input输⼊框默认提⽰⽂字向左向右移动的⽰例代码的⽂章就介绍到这了，更多相关html5 input输⼊框提⽰⽂字内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章，希望⼤家以后多多⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。