首页 > 软件开发 > HTML >

设置placeholder大小和位置

来源:互联网 2023-03-16 19:16:43 版权归原作者所有,如有侵权,请联系我们

HTML是重要的网络前端编程语言,其中input标签是负责用户输入的,input里面有一个属性叫做placeholder,在这里输入内容就可以同步显示,不设置就是空白的输入框,现在就用CSS来设置大小和位置吧。WJW办公区 - 实用经验教程分享!

设置placeholder大小和位置WJW办公区 - 实用经验教程分享!

工具/原料

  • Windows 7
  • Sublime text 3
  • Chrome浏览器

方法/步骤

  • 1

    打开Sublime text 3编辑器,新建一个HTML文档。WJW办公区 - 实用经验教程分享!

    设置placeholder大小和位置WJW办公区 - 实用经验教程分享!

  • 2

    新建一个CSS文档,并且记得关联HTML文档。WJW办公区 - 实用经验教程分享!

    设置placeholder大小和位置WJW办公区 - 实用经验教程分享!

  • 3

    如果input里不设置placeholder,是会显示空白内容的。WJW办公区 - 实用经验教程分享!

    设置placeholder大小和位置WJW办公区 - 实用经验教程分享!

    设置placeholder大小和位置WJW办公区 - 实用经验教程分享!

  • 4

    现在我们在设置placeholder,可以看到输入框里面有内容了。WJW办公区 - 实用经验教程分享!

    设置placeholder大小和位置WJW办公区 - 实用经验教程分享!

    设置placeholder大小和位置WJW办公区 - 实用经验教程分享!

  • 5

    font-size可以设置文字大小。WJW办公区 - 实用经验教程分享!

    设置placeholder大小和位置WJW办公区 - 实用经验教程分享!

    设置placeholder大小和位置WJW办公区 - 实用经验教程分享!

  • 6

    text-align可以设置文字靠边对齐的位置。WJW办公区 - 实用经验教程分享!

    设置placeholder大小和位置WJW办公区 - 实用经验教程分享!

    设置placeholder大小和位置WJW办公区 - 实用经验教程分享!

  • 6
  • 注意事项

    • tips: 注意不同浏览器的设置名字。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!WJW办公区 - 实用经验教程分享!


    标签: HTMLCSS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号