ラベルの後にボタンが表示されませんか？

ボタンの後にラベルを表示しようとしていますが、ボタンが表示されません。フィドルで働いていますが、私のローカルコードでは働いていません。ラベルの後にボタンが表示されませんか？

問題を解決してください。

<div style="float:left;padding-top:5px;"> 
 
    <span class="newrdb"> 
 
    <label for="all" style="padding-left:15px;padding-bottom:8px;width:100px;font-size:12px;float:left"> 
 
            Default Template 
 
    <input type="radio" name="Template" id="all" value="Default Template" checked=""> 
 
    </label> 
 
    </span> 
 
</div>

出典

2017-07-19 Sree11

、次のコードを試してみてください、ラベル・タグの外の入力フィールドをキープ入力フィールドbuテキストの後にボタンを表示したい場合は – Sree11

@ThisGuyHasTwoThumbsはw3によるとうまくいきます。 "_ラベルを暗黙的に別のコントロールに関連付けるには、コントロール要素がLABEL要素の内容に含まれている必要があります_" https://www.w3.org/TR/html401/interact/forms.html#edef-LABEL。またhttps://stackoverflow.com/questions/774054/should-i-put-input-tags-inside-a-label-tag – ADyson

@ADysonああ私が見て、決してそれを見たことは、私のコメントを削除します。 – ThisGuyHasTwoThumbs

簡単な解決策は... labelからwidth:100px;を削除するか、またはそれをより多くのピクセルを与える...
問題があるが、その両方要素（テキストとラジオボタン）は、100px要素内に一緒に収まらないため、削除することによってまたははそれをより広くし、一緒にフィットします。

<div style="float:left;padding-top:5px;"> 
 
    <span class="newrdb"> 
 
      <label for="all" style="padding-left:15px;padding-bottom:8px;font-size:12px;float:left"> 
 
       Default Template 
 
       <input type="radio" name="Template" id="all" value="Default Template" checked=""> 
 
      </label> 
 
    </span> 
 
</div>

出典

2017-07-19 08:54:36

いいえいいえ私の要件が持つことです

が

<div style="float:left;padding-top:5px;"> 
 
    <span class="newrdb"> 
 
    <label for="all" style="padding-left:15px;padding-bottom:8px;font-size:12px;float:left;"> 
 
Default Template 
 
    </label> 
 
    <input type="radio" name="Template" id="all" value="Default Template" checked=""> 
 

 
</span> 
 
</div>

出典

2017-07-19 09:04:00 Santhoshkumar

コードを残すことは決してない - 常に説明を追加:) – ThisGuyHasTwoThumbs

確かに、完了... :) – Santhoshkumar

クール削除除去：）私はOPの質問に関するコメントを見ていますが、私もそれは無効なマークアップだと思っていましたが、@ADysonのおかげで、それは完全に有効で、おそらくベストプラクティスではないことがわかりました – ThisGuyHasTwoThumbs

ラベルの後にボタンが表示されませんか？

答えて

関連する問題