ポリマー2.x-<paper-label><paper-input>要素以外のものについては？

Question

私はラベル付きの<paper-input>要素と、<paper-input>ではない1要素のダイアログを持っていますが、同じ見た目のラベルを提供したいと思っています。

私はさまざまなソリューションを試しましたが、まったく同じラベルが正しく配置されていないようです。たとえば、このコードは<div slot="input">要素の上にラベルを配置します

<paper-input-container> 
    <label slot="label">Location</label> 
    <div slot="input"> 
     <img src="https://maps.googleapis.com/maps/api/staticmap?center=[[_position.lat]],[[_position.lng]]&zoom=16&size=200x125&maptype=roadmap&markers=color:red%7label:%7C[[_position.lat]],[[_position.lng]]&key=MY_API_KEY"> 
     <paper-button on-tap="doStuff"><iron-icon icon="maps:place"></iron-icon> &nbsp; Pick location</paper-button> 
    </div> 
</paper-input-container> 

結果は私が望んたい正確に何ではありません。

取得する方法はあります<paper-input>が存在しない場合、他のラベル（つまり、Name,Description、Category）のように見えるラベルはありますか？

Answer 1

修正するのが簡単であることがわかりました - <paper-input-container>にalways-float-labelを追加するだけで、物事は予想どおりに機能し始めました。

<paper-input-container always-float-label> 
    ... 
</paper-input-container> 

つまり、小さな（「フローティング」と入力の上表示されて自動的にラベルを作るこれ、私は他の入力要素にそれを追加する必要はありませんでした理由は、彼らがplaceholder属性が設定されていることであると思われます）。