Текст не будет выравниваться слева от поля даты

Question

Это не должно быть трудно вообще... Все, что я хочу, это чтобы поле даты было выровнено с правой стороны моего текста (Дата покупки). По какой-то причине он будет выровнен только под текстом, или я смогу выровнять текст справа от поля поля даты. Если я использую cfform format="flash" и выровняю по cfformgroup type="horizontal", это будет работать. Кто-нибудь знает, почему он не будет работать в обычной форме... или знает, как заставить это работать. Любая помощь с благодарностью.

Date of Purchase:
<cfinput
 type="datefield"
 name="from_date"
 width="130"
 value="#dateformat(now(),"mm/dd/yyyy")#" 
>

Answer 1

Сгенерированный код

Когда ColdFusion работает, он генерирует

<form name="CFForm_1" id="CFForm_1" action="?" method="post" onsubmit="return _CF_checkCFForm_1(this)">
Date of Purchase: <div  style="position:relative;float:left;">
<div  style="float:left;">
    <input name="from_date" id="from_date"  type="datefield" value="09/12/2014" class="datefieldinput"  width="130"  />
 </div><div  id="from_dateCFForm_1_cf_buttondiv" style="float:left;padding:3px;">

    <img id="from_dateCFForm_1_cf_button" src="/CFIDE/scripts/ajax/resources/cf/images/DateChooser.png" alt='Date Picker' />

 </div><div  id="from_dateCFForm_1_cf_container" style="display:none; position:absolute; font-size:12px;overflow:visible;float:left;z-index:9050;top:1.5em;">

 </div>

Альтернатива 1

Используйте таблицы

<cfform action="?">
<table>
<tr>
   <td>
    Date of Purchase:
   </td>

   <td>
     <cfinput
       type="datefield"
       name="from_date"
       width="130"
       value="#dateformat(now(),"mm/dd/yyyy")#" 
       >
   </td>
 </tr>
 <table>
 </cfform>

Альтернатива 2

Используйте jQuery UI

https://stackru.com/questions/tagged/jquery-ui-datepicker

Альтернатива 3

Используйте Bootstrap. Есть много сборщиков даты для этого