~~~
**樣式一:編輯框+按鈕**
**用途:打開文件 與 瀏覽目錄**
<div class="input-group">
<input type="text" class="form-control" placeholder="提示文本" name="組件名稱">
<span class="input-group-btn">
<button class="btn btn-default" type="button" data-name="組件名稱" data-action="file" >瀏覽</button>
</span>
</div>
~~~

* * * * *
~~~
**樣式二**
<div class="input-group">
<span class="input-group-addon" id="basic-addon1">編譯到指定目錄:</span>
<input type="text" class="form-control" placeholder="如:C:\易編譯\" name="指定編譯目錄">
<span class="input-group-btn">
<button class="btn btn-default" type="button" data-name="指定編譯目錄" data-action="folder" >瀏覽</button>
</span>
</div>
~~~

* * * * *
**參數說明**
~~~
> input(編輯框) 組件里的name必須跟按鈕(button)里的data-name一致,這個編輯框主要用于【打開文件】和【瀏覽目錄】返回的文件或目錄路徑
> 按鈕(button) data-action為動作,file=打開文件,folder=瀏覽目錄
> input(編輯框) Value默認值里如果帶有@,將會被替換為“易語言根目錄\lib\eTools\”
~~~