select添加placeholder

2017-11-09

问题：select添加placeholder

select默认是没有placeholder这个属性的，但是又希望加一个类似于placeholder的效果，该怎么做呢？

解决方案

<select>
    // selected :让选项默认选中，出现在select当前框中
    // disabled ：使此项不能被当做有效项使用
    // display:none : 让select选中其它值后，placeholder项不再出现
    <option value="" disabled selected style='display:none;'>placeholder的内容</option>
    <option value="option1">Option1</option>
</select>

效果如下：

angular中：

<select name="type"
  ng-model="user"
  ng-options="t.id as t.name for t in user_list"
>
    <option value='' disabled selected style='display:none;'> 请选择用户...</option>
</select>

缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save

3、在根目录_config.yml里添加配置：

  jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

爱前端、爱小说、爱音乐、爱产品、爱游泳、爱动漫、爱家务、爱安静、爱萧萧。人生这么短，且行且努力。