<inputstyle ="width:232px;"class="codebox"name='filename'id="filename"type='text'value=""placeholder="filename (empty for random filename)"/>.<inputid="extension"class="codebox"style="width:30px;"name='extension'type='text'value="{{ extra.extension }}"placeholder="txt"/>
<inputclass="codebox"name='filename'id="filename"type='text'value=""placeholder="filename (empty for random filename)">.<inputid="extension"class="codebox"name='extension'type='text'value="{{ extra.extension }}"placeholder="txt">
<inputstyle ="width:232px;"class="codebox"name='filename'id="filename"type='text'value=""placeholder="filename (empty for random filename)"/>.<spanclass="hint--top hint--bounce"data-hint="Enable syntax highlighting by adding the extension"><inputid="extension"class="codebox"style="width:40px;"name='extension'type='text'value=""placeholder="txt"/></span>
<inputclass="codebox"name='filename'id="filename"type='text'value=""placeholder="filename (empty for random filename)"/>.<spanclass="hint--top hint--bounce"data-hint="Enable syntax highlighting by adding the extension"><inputid="extension"class="codebox"name='extension'type='text'value=""placeholder="txt"/></span>
xxxxxxxxxx